เป็นไปรษณีย์อื่นในของฉัน ชุดนอน วิธีการใช้ 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 กับ. วัตถุประสงค์เริ่มต้นของฉันได้:
- ซ่อนเขตข้อมูล.
- กำหนดค่าเขตข้อมูล.
มีวัตถุประสงค์ที่จำ, เพิ่มเขตข้อมูลข้อความสอง. เวลาผ่านไป, ฉันจะเล่น มีการเชื่อมโยง, ภาพ, การค้นหา, ฯลฯ.
6. ปรับเปลี่ยนเพจของ Part ของเว็บ NewForm.aspx และเพิ่ม Web Part ตัวแก้ไขเนื้อหา
เป็นสีดำเล็กน้อย magic-ish , ที่เป็นแนวคิดใหม่กับฉัน. ฉันต้องเรียนรู้เกี่ยวกับเรื่องนี้จาก พอล Grenier, JQuery SharePoint ดารา, ที่โครงการเขา CodePlex: http://spff.codeplex.com/.
ทำตามขั้นตอนเหล่านี้เพื่อเพิ่ม CEWP เป็นหน้าเดียวกันที่แสดง NewForm.aspx ในรายการแบบกำหนดเอง:
- เข้าถึงรายการที่กำหนดเอง และคลิกสร้าง.
- ต่อไปนี้ต่อท้าย URL: PageView =ใช้ร่วมกัน&ToolPaneView = 2
ที่จะเปลี่ยนฟอร์มป้อนข้อมูลวานิลลาของคุณน่าเบื่อจากอะไรเช่นนี้:
นี้:
เพิ่ม web part ตัวแก้ไขเนื้อหาหน้า.
7. เขียนรหัสแรกของ jQuery
เปิดที่ CEWP ในมุมมองรหัส และเพิ่มต่อไปนี้:
นี่คือรหัสที่จริงถ้าคุณต้องการคัดลอก/วาง:
<สคริปต์ชนิด ="ข้อ ความ/javascript" src =".. /.. /jQuery Library/jquery-1.3.2.min.js"> </สคริปต์> <สคริปต์ชนิด ="ข้อ ความ/javascript"> $(ฟังก์ชัน() { $('#resultsID').html('มี' + $('a').ขนาด() + 'การแท็กแท็กในหน้านี้'); }); </สคริปต์> ผลลัพธ์: <รหัส div ='resultsID'></div> /ผล |
หมายเหตุว่า ครั้งแรก <สคริปต์> แท็กเป็นอ้างอิงไลบรารีของ jQuery จริง. สันนิษฐานว่า, สิ่งเหล่านี้เปลี่ยนแปลงเวลา, ดังนั้นคุณจะต้องแน่ใจว่าคุณมี) ใช้ชื่อที่เหมาะสมและ b) ชี้ไปที่ไลบรารีเอกสาร SharePoint ที่ถูกต้อง.
สนใจในเกียรติ
ถ้าคุณไม่ได้ถูกต้อง, คุณจะเห็นผลลัพธ์ที่คล้ายกับต่อไปนี้:
ตัดค่า
นี้ไม่ใช่วิธีเดียวที่จะเริ่มต้น, แต่มันเป็นอย่างรวดเร็ว, ง่าย และแยกต่างหากจากระบบ SharePoint ที่มีอยู่.
</สิ้นสุด>
ทำตามฉันใน Twitter ที่ http://www.twitter.com/pagalvin
คุณได้สังเกตเห็นว่า เพิ่ม CEWP ใน editform.aspx จะแบ่งหน้า และรุ่นข้อมูลส่วนแสดงใน UI หรือไม่? การแก้ไขปัญหานี้?
ใครก็ได้ ?
ขอไม่ตอบสนอง. ฉันหวังว่า คุณคิดว่าปัญหาของคุณ.