ง่าย และรวดเร็ว: สร้างเองของ jQuery Sandbox สำหรับ SharePoint

เป็นไปรษณีย์อื่นในของฉัน ชุดนอน วิธีการใช้ jQuery กับ SharePoint.
ถ้าคุณต้องการข้อมูลเพิ่มเติมเกี่ยวกับ jQuery, ขอแนะนำ: jQuery ในการดำเนินการ โดยหมี Bibeault ทซ Yehuda.

เริ่มต้นกับ jQuery ใน SharePoint ได้อย่างง่าย ๆ น่าแปลกใจ (ถึงฉัน). (มีคำถามอย่างจริงจังเกี่ยวกับวิธีการ "ส่วนปฏิบัติ" การปรับใช้สิ่งเหล่านี้ในการผลิต, แต่เป็นวันอื่น). ผมเพิ่งได้เริ่มเล่น กับเทคโนโลยีนี้ และ ไปสิ้นสุดที่, สร้างสภาพแวดล้อมการ sandbox เพื่อใช้. ถ้าคุณกำลังมองหาการเริ่มต้นกับ jQuery, คุณอาจพบว่าวิธีการนี้มีประโยชน์.

1. สร้างไซต์ว่างเปล่า

สร้างไซต์ที่ว่างเปล่าอยู่ในไซต์ของคุณ และเรียกสิ่งที่ฉลาดเช่น "jQuery Sandbox".

2. ดาวน์โหลด jQuery

คุณสามารถดาวน์โหลด jQuery จาวาสคริปต์ไลบรารีจากที่นี่: http://docs.jquery.com/Downloading_jQuery

บันทึกที่เดสก์ท็อปของคุณ.

ฉันได้ใช้รุ่น "minified".

3. สร้างไลบรารีเอกสาร SharePoint

ในไซต์ sandbox, สร้างไลบรารีเอกสาร.

4. อัปโหลด jQuery ไลบรารี SharePoint

เข้าถึงไลบรารีเอกสารที่คุณเพิ่งสร้าง และอัปโหลดใน jQuery ไลบรารี.

5. สร้างรายการ SharePoint แบบกำหนดเอง

ผมได้เริ่ม ด้วยรายการที่กำหนดเองได้เนื่องจากต้องการ muck กับ SharePoint มมาตรฐานเกี่ยวกับ. คุณสามารถสร้างเพรีหน้า หรือเพจ web part และคงมีสถานอื่น ๆ.

เพิ่มบางคอลัมน์ในรายการแบบกำหนดเองเพื่อให้คุณมีบางสิ่งบางอย่างการเรียกใช้ jQuery กับ. วัตถุประสงค์เริ่มต้นของฉันได้:

  1. ซ่อนเขตข้อมูล.
  2. กำหนดค่าเขตข้อมูล.

มีวัตถุประสงค์ที่จำ, เพิ่มเขตข้อมูลข้อความสอง. เวลาผ่านไป, ฉันจะเล่น มีการเชื่อมโยง, ภาพ, การค้นหา, ฯลฯ.

6. ปรับเปลี่ยนเพจของ Part ของเว็บ NewForm.aspx และเพิ่ม Web Part ตัวแก้ไขเนื้อหา

เป็นสีดำเล็กน้อย magic-ish , ที่เป็นแนวคิดใหม่กับฉัน. ฉันต้องเรียนรู้เกี่ยวกับเรื่องนี้จาก พอล Grenier, JQuery SharePoint ดารา, ที่โครงการเขา CodePlex: http://spff.codeplex.com/.

ทำตามขั้นตอนเหล่านี้เพื่อเพิ่ม CEWP เป็นหน้าเดียวกันที่แสดง NewForm.aspx ในรายการแบบกำหนดเอง:

  1. เข้าถึงรายการที่กำหนดเอง และคลิกสร้าง.
  2. ต่อไปนี้ต่อท้าย URL: PageView =ใช้ร่วมกัน&ToolPaneView = 2

ที่จะเปลี่ยนฟอร์มป้อนข้อมูลวานิลลาของคุณน่าเบื่อจากอะไรเช่นนี้:

image

นี้:

image

เพิ่ม web part ตัวแก้ไขเนื้อหาหน้า.

7. เขียนรหัสแรกของ jQuery

เปิดที่ CEWP ในมุมมองรหัส และเพิ่มต่อไปนี้:

image

นี่คือรหัสที่จริงถ้าคุณต้องการคัดลอก/วาง:

<สคริปต์ชนิด ="ข้อ ความ/javascript"
    src =".. /.. /jQuery Library/jquery-1.3.2.min.js">
</สคริปต์>

<สคริปต์ชนิด ="ข้อ ความ/javascript">
  $(ฟังก์ชัน() {

    $('#resultsID').html('มี' + $('a').ขนาด() + 'การแท็กแท็กในหน้านี้');

  });
</สคริปต์>

ผลลัพธ์:
<รหัส div ='resultsID'></div>
/ผล

หมายเหตุว่า ครั้งแรก <สคริปต์> แท็กเป็นอ้างอิงไลบรารีของ jQuery จริง. สันนิษฐานว่า, สิ่งเหล่านี้เปลี่ยนแปลงเวลา, ดังนั้นคุณจะต้องแน่ใจว่าคุณมี) ใช้ชื่อที่เหมาะสมและ b) ชี้ไปที่ไลบรารีเอกสาร SharePoint ที่ถูกต้อง.

สนใจในเกียรติ

ถ้าคุณไม่ได้ถูกต้อง, คุณจะเห็นผลลัพธ์ที่คล้ายกับต่อไปนี้:

image

ตัดค่า

นี้ไม่ใช่วิธีเดียวที่จะเริ่มต้น, แต่มันเป็นอย่างรวดเร็ว, ง่าย และแยกต่างหากจากระบบ SharePoint ที่มีอยู่.

</สิ้นสุด>

สมัครสมาชิกไปยังบล็อกของฉัน.

ทำตามฉันใน Twitter ที่ http://www.twitter.com/pagalvin

แท็กของ Technorati: ,

Tags:ล็อกอินเข้า: ,

2 คิดเกี่ยวกับ“ง่าย และรวดเร็ว: สร้างเองของ jQuery Sandbox สำหรับ SharePoint

ทิ้งคำตอบไว้

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่. ช่องที่ต้องการถูกทำเครื่องหมาย *