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

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

ผมเริ่ม ด้วยสภาพแวดล้อมของฉัน sandbox เมื่อทำงานนี้. ผมเขียนเกี่ยวกับสภาพแวดล้อมที่นี่: ง่าย และรวดเร็ว: สร้างเองของ jQuery Sandbox สำหรับ SharePoint.

"ปลอดภัย" มุมมอง, ทำตามขั้นตอนเหล่านี้:

1. สร้างมุมมองที่คุณต้องการจองห้องพัก. ฉันไม่ว่า และเรียกว่า "มุมมองที่ปลอดภัย".

   นี่คืออะไรมันเหมือนเมื่อมันเป็น "บ่อยๆ":

   

2. เพิ่ม web part ตัวแก้ไขเนื้อหาของดูหน้าใช้เทคนิคที่อธิบายไว้ในบทความ sandbox (อาทิ. เพิ่ม " PageView =ใช้ร่วมกัน&ToolPaneView = 2 "ไป URL).
3. คิดออก _spUserId SharePoint ของคุณ โดยทำตามขั้นตอนเหล่านี้บ้า, เชื่อ หรือไม่:
   1. เข้าสู่ระบบ SharePoint ของคุณ.
   2. ในฟิลด์ที่อยู่ของเว็บเบราว์เซอร์, ชนิด: "javascript:การแจ้งเตือน(_spUserId").
   3. บันทึกผล (มันเป็น "13" ในกรณีของฉัน).

      

4. เพิ่ม javascript ดังต่อไปนี้เพื่อ CEWP ของคุณในมุมมองโค้ด:
   
   

   <สคริปต์ชนิด ="ข้อ ความ/javascript" src =".. /.. /jQuery Library/jquery-1.3.2.min.js"> </สคริปต์> <สคริปต์ชนิด ="ข้อ ความ/javascript"> $(ฟังก์ชัน() { การแจ้งเตือน(_spUserId); var theSecuredView = $(' iframe[FilterLink * = 20View %มีความปลอดภัย]'); ถ้า ((theSecuredView.length > 0) && (_spUserId == 13)) $(' iframe[FilterLink * = 20View %มีความปลอดภัย]').หลัก().หลัก().หลัก().html("<tr bgcolor =สีแดง><td>ไม่มองหา!</td></tr>"); }); </สคริปต์>

ผมได้รวมแจ้งเตือน(_spUserId) รายการมีการสาธิตวิธีนี้ไม่เป็นจริง ๆ "รักษาความปลอดภัย" มุมมอง, แต่ก็ทำให้ยากต่อการดู. ข้อมูลเพิ่มเติมเกี่ยวกับในช่วงที่.

โดยทั่ว, jQuery หา iFrame บนหน้าที่มีแอททริบิวต์ที่ประกอบด้วย "Secured % 20View" ในค่า. เมื่อมันพบว่า, เราตรวจสอบดูว่าผู้ใช้ปัจจุบัน "13". ถ้าเป็น, เราเดินขึ้นโดมเพื่อเป็น <TR> แท็ก (ซึ่งผมคิดว่า โดยดูต้นทาง และติดตามเรื่อง) แล้ว แทนที่แท็ก TR กับข้อความของฉัน. จริง ๆ อย่าแข็งวิธีนี้คือ (ผมสงสัยมาก, อันที่จริง), แต่ทำงานใน sandbox ของฉัน. หากพบวิธีที่ดีกว่า, ผมจะเขียนบล็อกเกี่ยวกับ. นี้เป็นผล:

คลิกปุ่มตกลง และข้อมูลจะถูกแทนที่ ด้วยข้อความสีแดงขนาดใหญ่:

ตามที่คุณสามารถบอก, วิธีผมใช้วิธีนี้ "ความปลอดภัย" จะให้ web part แสดงเอง. หลังจากเสร็จสิ้นการ, ฉันเขียนทับเนื้อหาของฉัน "ไม่มองคุณ!"ข้อความ.

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

มีข้อเสียอื่น ๆ. วิธีการนี้ "ปลอดภัย" อยู่ปิด _spUserId. เราต้องการจริง ๆ ทางตามโมเดลความปลอดภัยของ SharePoint ทั้งหมด, หรือน้อย โดยชื่อผู้ใช้. ที่เป็นความก้าวหน้ายาก, แต่เห็นบางสิ่งดีที่เขียนในเรื่องนี้, ดังนั้นฉันมีความหวังมีคำตอบที่ดีที่ปัญหา.

ควรตัดรายการของมุมมองเอง, ถ้าเป็นไปได้. ไม่พยายามที่จะคิดที่ออก. ผมถือว่า เป็นไปได้, แต่จริง ๆ ไม่แก้ปัญหาความปลอดภัยพื้นฐานเนื่องจากคนอาจยังคงเพียงแค่พิมพ์ URL ของมุมมองที่พวกเขาต้องการ (ถ้าพวกเขารู้). อย่างไรก็ตาม, ตัดแต่งที่เหมาะสม. เป็นคุณลักษณะใช้งานดี และช่วยการ obfuscate สิ่ง. ถ้าผู้ใช้ไม่ทราบว่า ดูเหตุการณ์อยู่, พวกเขาคงไม่พยายามจะใช้. บางที, ดีพอ.

มีโชค, จะมีเพิ่มเติมจะเขียนในเรื่องนี้เมื่อเวลาผ่าน.

</สิ้นสุด>

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

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

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

ก่อนหน้านี้, ผมเขียนเกี่ยวกับวิธีการใช้ jQuery เพื่อค้นหา และซ่อนข้อความเขตข้อมูลบนฟอร์ม. จะไม่ได้ดูแลเฉพาะวิธีการ (ผมได้กำหนดสายงานปกครอง – ซึ่งก็ไม่ได้ทำวันนี้, น้อยในครอบครัวคุณภาพ).

เมื่อฉันแรกเริ่มคิดถึงมัน, ฉันรู้ฉันต้องพบกับ <TR> ที่ฉันสามารถเรียกใช้ซ่อน() วิธีการ. ความเริ่มต้นการค้นหาถูกต้อง <TR> มีบางสิ่งบางอย่างเช่นนี้:

$(' tr:มี(ป้อนข้อมูล[ชื่อ =ซ่อนฉัน!])');

เป็นปัญหาที่ว่า มันจะค้นหาทุก <TR> ป้ายที่มีความสัมพันธ์ใด ๆ หลักการซ่อน! เขตข้อมูล, แม้ซ่อนฉัน! จะซ้อนอยู่ในระดับมาก <TR>ของ. ปรากฎว่าบนฟอร์มทราย, นิพจน์การค้นหา 9 ต่าง ๆ TR ที่ซ่อนฉัน! เป็นเด็กอยู่ในทรีของ DOM. ฉันรู้ว่า สามารถเดินกลับไปขึ้นต้นไม้จากช่องป้อนข้อมูลเอง, เพื่อ ที่ว่าอย่างไรฉันสิ้นสุดขึ้นเหยียดหยามพ่อแม่, แต่มันไม่ได้นั่งรวมกับฉัน.

ฉันได้อย่างนี้ และหนึ่งในสิ่งที่ฉันอ่านก็ทำให้รู้สึก: อาจใช้การไม่() วิธีการตัดแต่งออก <TR>ของไม่ต้องการในชุดของฉันตัด. ที่นำฉันไป:

$(' tr:มี(ป้อนข้อมูล[ชื่อ =ซ่อนฉัน!])').ไม่(' tr:มี(tr)').ซ่อน();

บิตแรกค้นหาทั้งหมด <TR> แท็กที่มีการซ่อน! ฟิลด์ในลำดับชั้นของตนเอง. แล้วแถบใด <TR> นอกจากนี้ยังมีเด็ก <TR>. นี้ทำให้เราแบบเดี่ยว <TR> ที่:

1) ไม่มี <TR> เรกคอร์ดรอง

2) มีช่องใส่ลูก.

เราสามารถใช้การซ่อนแล้ว() วิธีการได้กำหนด และเรากำลังทำ.

ผมก็ยังประสาทเล็กน้อยเกี่ยวกับเรื่องนี้, แต่ไม่เป็นประสาทเป็นการกำหนดสายงานปกครอง.

ฉันไม่รู้ว่า นี้เป็นการปฏิบัติที่ดีที่สุด หรือไม่. อาจมีวิธีเหมาะสมของการระบุเพียงการ <TR> ที่เราใส่ใจในรูปแบบของ SharePoint. ถ้าคุณทราบ, โปรดแสดงความคิดเห็น.

</สิ้นสุด>

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

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

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

โปรแกรมปรับปรุง (เรียบร้อยแล้ว!): ไม่ได้คิดของการค้นหา <TR> ต้องการซ่อนแท็ก และ เขียนเกี่ยวกับเรื่องนี่. คุณอาจยังพบบทความนี้น่าสนใจหรือดังนั้นฉัน leavnig ขึ้น.

ต้องการซ่อนเขตข้อมูลข้อความ, "ซ่อนฉัน!"ตามที่แสดง:

‘

JQuery ดังต่อไปนี้ไม่หลอกลวงฉัน:

<สคริปต์ชนิด ="ข้อ ความ/javascript">

  $(ฟังก์ชัน() {


    $(' ป้อนข้อมูล[ชื่อ =ซ่อนฉัน!]').หลัก().หลัก().หลัก().ซ่อน();

  });

</สคริปต์>

บอกว่า รหัส, "ฉันป้อนข้อมูลทั้งหมดฟิลด์ชื่อค้นหา =ซ่อนฉัน!. แล้ว, เป็นหลักและถัดไปแล้วแม่และ * หลักถัดไป * (ทัศนียภาพ!) และซ่อน() วิธีการในสิ่งนั้น, สิ่งทีเกิดขึ้น เป็น.

ผมคิดว่าที่โครงสร้างหลัก โดยการดู HTML สำหรับฟอร์มที่ SharePoint สร้างดัง:

<TR>
    <TD nowrap= "จริง" valign= "ด้านบน" ความกว้าง= "190px" คลาส= "ms-formlabel">
        <H3 คลาส= "ms-standardheader">
            <nobr>ซ่อนฉัน!</nobr>
        </H3>
    </TD>

    <TD valign= "ด้านบน" คลาส= "ms formbody" ความกว้าง= "400px">
        <!-- ชื่อเขตข้อมูล = "ซ่อนฉัน!"
                 FieldInternalName = "Hide_x0020_Me_x0021_"
                 FieldType = "SPFieldText"
        -->
        <ขยาย dir= "ไม่มี">
            <ป้อนข้อมูล
                ชื่อ= " ctl00$ m$ g_bdb23c2c_fde7_495f_8676_69714a308d8e$ ctl00$ ctl04$ ctl02$ ctl00$ ctl00$ ctl04$ ctl00$ ctl00$ TextField"
                ชนิด= "ข้อความ"
                maxlength= "255"
                รหัส= "ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                ชื่อเรื่อง= "ซ่อนฉัน!"
                คลาส= "ms-ยาว" />
                <br>
        </ขยาย>


    </TD>
</TR>

แสดงรูปภาพนี้เหมือนกัน, แต่เครื่องขึ้นกับผู้ปกครอง:

หลักแรก (1) เป็นแท็กที่ขยาย. หลักของระยะ (2) เป็นแท็ก TD แล้ว ในที่สุดเราได้รับจริงหลักที่ต้องการซ่อน (3) ซึ่งเป็นแท็ก TR ตัวเอง.

นี้เป็นวิธีสวยน่ากลัวคิดได้มากขึ้นอยู่กับโครงสร้างมากเฉพาะของแบบฟอร์มนี้. เมื่อ SharePoint 2010 ออกมา, โครงสร้างทั้งหมดนี้สามารถเปลี่ยนแปลง และแบ่งวิธีการนี้. สิ่งผมอยากจะทำคือ ยานตัว jQuery ที่พร้อม "พบผมทั้งหมดของ TR (และแท็ก TR เท่านั้น) ที่มีอยู่ในองค์ประกอบลูกของฟิลด์ป้อนข้อมูลชื่อที่ =ซ่อนฉัน!”. ผมเริ่มต้นจากด้านล่าง และย้ายขึ้น. สมมติว่า ผมคิดนี้, ฉันจะส่งการปรับปรุง " ง่าย ' ลงรายการบัญชี.

</สิ้นสุด>

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

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

เป็นไปรษณีย์อื่นในของฉัน ชุดนอน วิธีการใช้ 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

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

นี้:

เพิ่ม 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