การใช้ Web Part สำหรับฟอร์ม HTML เพื่อกรองและแสดงข้อมูลใน Web Part อื่น

ในบทความนี้:

• ใช้ Web part สำหรับฟอร์ม

• เพิ่ม Web Part ลงในหน้า

• เชื่อมต่อ Web Part สำหรับฟอร์ม HTML กับ Web Part อื่น

• Web Part สำหรับฟอร์ม HTML กำหนดเอง

  • กำหนดค่าเริ่มต้น Web Part สำหรับฟอร์ม HTML

  • ใช้กล่องข้อความแบบหลายบรรทัด

  • ใช้ปุ่มตัวเลือก

  • ใช้รายการแบบหล่นลงของตัวเลือก

  • ใช้กล่องกาเครื่องหมาย

• กำหนดค่าคุณสมบัติทั่วไปของ Web Part

  • ลักษณะที่ปรากฏ

  • เค้าโครง

  • ระดับสูง

ใช้ Web part สำหรับฟอร์ม

คุณสามารถใช้ Web Part สำหรับฟอร์ม HTML เพื่อเชื่อมต่อ และส่งข้อมูลไปยัง Web Part อื่น ตัวอย่างเช่น คุณสามารถใช้ Web Part สำหรับฟอร์ม HTML เริ่มต้นเพื่อให้พิมพ์ชื่อภูมิภาค ส่งผ่านค่าไปยัง Web Part มุมมองรายการของข้อมูลลูกค้า แล้วกรองข้อมูลตามภูมิภาคนั้น คุณยังสามารถกำหนดเอง HTML Web part สำหรับฟอร์มเพื่อเปิดใช้งานผู้ใช้ออกเพื่อ ตัวอย่างเช่น เลือกชื่อภูมิภาคจากรายการดรอปดาวน์ คุณสามารถใช้กล่องข้อความ รายการดรอปดาวน์ กล่องข้อความแบบหลายบรรทัด กล่องกาเครื่องหมาย หรือปุ่มตัวเลือกใน Web Part สำหรับฟอร์ม HTML

วิธีคุณเชื่อมต่อเขตข้อมูลไปยัง Web Part อื่น ๆ ขึ้นอยู่กับฉันได้ถูกกำหนด Web Part อื่นเมื่อต้องการใช้การเชื่อมต่อ Web Part

แม้ว่าคุณสามารถมีมากกว่าหนึ่งองค์ประกอบ (กล่องข้อความ ปุ่ม และอื่น ๆ) บนฟอร์มของคุณ เขตข้อมูลเดียวเท่านั้นสามารถเชื่อมต่อกับ Web Part สำหรับมุมมองรายการ อย่างไรก็ตาม เขตข้อมูลที่แตกต่างกันสามารถเชื่อมต่อไปยัง Web Part ที่แตกต่างกันในเวลาเดียวกัน ตัวอย่างเช่น คุณสามารถได้มี HTML Web part สำหรับฟอร์ม ด้วยชุดของปุ่มตัวเลือกและกล่องข้อความ กล่องข้อความสามารถเชื่อมต่อกับ Web Part มุมมองรายการหนึ่งและปุ่มตัวเลือกไปยังอีก เมื่อผู้ใช้คลิกปุ่มไป ทั้งสอง Web Part สำหรับมุมมองรายการจะถูกกรองตามข้อมูลที่ใส่ใน Web Part สำหรับฟอร์ม HTML

คุณสามารถเชื่อมต่ออย่าง น้อยสองเขตข้อมูลใน Web Part สำหรับฟอร์ม HTML กับ Web Part อื่น ถ้า Web Part ที่สามารถยอมรับพารามิเตอร์หลาย ในกรณีนี้ คุณอาจจำเป็นโปรแกรมดีไซน์เว็บเข้ากันได้กับ SharePoint เช่น SharePoint Designer 2010 เพื่อเชื่อมต่อให้เสร็จสมบูรณ์

ด้านบนของหน้า

เพิ่ม Web Part ลงในหน้า

เมื่อต้องการแก้ไขหน้า อย่างน้อยคุณต้องมีสิทธิ์ที่ได้รับจากการถูกเพิ่มลงในกลุ่ม SharePoint เริ่มต้นที่เป็นสมาชิกของ <ชื่อไซต์> สำหรับไซต์นั้น

1. จากหน้า ใน Ribbon ให้คลิกแท็บ หน้า แล้วคลิกคำสั่ง แก้ไข

   

   ถ้าคำสั่ง แก้ไข ถูกปิดใช้งาน คุณอาจไม่มีสิทธิ์แก้ไขหน้านั้น โปรดติดต่อผู้ดูแลระบบของคุณ

2. คลิกบนหน้าตรงตำแหน่งที่คุณต้องการเพิ่ม Web Part จากนั้นคลิกแท็บ แทรก แล้วคลิก Web Part

   

3. ภายใต้ ประเภท ให้เลือกประเภท เช่น รายการและไลบรารี จากนั้นเลือก Web Part ที่คุณต้องการเพิ่มลงในหน้า เช่น ข้อความประกาศ แล้วคลิก เพิ่ม

   

4. เมื่อคุณเลือก Web Part ข้อมูลเกี่ยวกับ Web Part จะแสดงใน เกี่ยวกับ Web Part

5. เมื่อคุณแก้ไขหน้าเสร็จแล้ว ให้คลิกแท็บ หน้า แล้วคลิก บันทึกและปิด

ด้านบนของหน้า

เชื่อมต่อ Web Part สำหรับฟอร์ม HTML กับ Web Part อื่น

เมื่อต้องการใช้ Web Part สำหรับฟอร์ม HTML คุณเชื่อมต่อกับ Web Part อื่นที่สามารถรับค่าผ่านการเชื่อมต่อ Web Part เช่น Web Part สำหรับมุมมองรายการ รายการคุณต้องการกรอง และคอลัมน์ที่คุณต้องการกรอง ต้องสามารถมองเห็นได้ใน Web Part บนหน้าเดียวกับ Web Part สำหรับฟอร์ม HTML สำหรับข้อมูลเกี่ยวกับการเพิ่มแอ Web Part สำหรับฟอร์ม HTML ลงในหน้า ดูที่การเพิ่ม Web Part ลงในหน้า

1. เรียกดูหน้าที่ประกอบด้วย Web Part ที่คุณต้องการกรอง

2. ใน ribbon คลิกแท็บหน้า แล้ว คลิ กคำสั่งแก้ไข

   ถ้าคำสั่ง แก้ไข ถูกปิดใช้งาน คุณอาจไม่มีสิทธิ์แก้ไขหน้านั้น โปรดติดต่อผู้ดูแลระบบของคุณ

3. ชี้ไปที่ Web Part สำหรับฟอร์ม HTML คลิกลูกศร คลิกเชื่อมต่อ ชี้ไปที่จัดเตรียมฟอร์มค่า นั้นแล้ว คลิกชื่อของ Web Part ที่คุณต้องการลิงก์

4. ในกล่องโต้ตอบเลือกการเชื่อมต่อ คลิกแท็บการกำหนดค่าการเชื่อมต่อ

5. จากเมนูชนิดการเชื่อมต่อ เลือกเขตข้อมูลที่ตรงกับข้อมูลจาก Web Part สำหรับฟอร์ม HTML

1. คลิกเสร็จสิ้น แล้ว คลิ กออกจากโหมดการแก้ไข ที่ด้านบนของหน้า

ตามค่าเริ่มต้น คุณสามารถใส่ข้อความในกล่องข้อความ และจากนั้นคลิกไป หรือกด ENTER Web Part จะแสดงเฉพาะข้อมูลที่ตรงกับข้อความคุณใส่ เมื่อต้องการยกเลิกเลือกกล่องข้อความเพื่อให้คุณสามารถใส่ข้อความใหม่ เลือกข้อความปัจจุบัน นั้นแล้ว ลบ

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">ด้านบนของหน้า</link>

Web Part สำหรับฟอร์ม HTML กำหนดเอง

คุณสามารถกำหนด Web Part สำหรับฟอร์ม HTML โดยใช้หนึ่งในตัวแก้ไขแหล่งที่มา ซึ่งจะพร้อมใช้งานจากบานหน้าต่างเครื่องมือ Web Part สำหรับฟอร์ม HTML หรือโปรแกรมดีไซน์เว็บเข้ากันได้กับ SharePoint เช่น SharePoint Designer 2010 แทนที่เป็นกล่องข้อความมาตรฐาน คุณสามารถใช้ปุ่มตัวเลือก กล่องกาเครื่องหมาย กล่องข้อความแบบหลายบรรทัด และกล่องรายการ นอกจากนี้คุณยังสามารถเพิ่มป้ายชื่อ และกำหนดค่าเริ่มต้น

ถ้าคุณกำหนด Web Part สำหรับฟอร์ม HTML คำนึงถึงต่อไปนี้:

• เพียงหนึ่งไป (ซึ่งใช้สำหรับการป้อนค่าองค์ประกอบ) คุณสามารถใช้ปุ่มเพื่อส่งข้อมูลไปยัง Web Part อื่น

• Web Part สำหรับฟอร์ม HTML ใช้องค์ประกอบของฟอร์ม ไม่สามารถใช้องค์ประกอบบาง HTML ภายในองค์ประกอบของฟอร์ม รวมถึงองค์ประกอบ HTML เนื้อหา และฟอร์ม

• ชื่อเขตข้อมูลฟอร์มทั้งหมดต้องไม่ซ้ำกัน ค่าของชื่อแต่ละค่าจะใช้สำหรับเชื่อมต่อกับชื่อคอลัมน์ที่สัมพันธ์กันใน Web Part ที่คุณกำลังเชื่อมต่อ

เมื่อต้องการกำหนด Web part สำหรับฟอร์ม ใช้ปุ่มแก้ไขแหล่งที่มา เพื่อแสดงกล่องโต้ตอบแก้ไขข้อความ แล้วแก้ไข หรือเพิ่มโค้ดต้นฉบับ HTML

<link xlink:href="6b4ab13a-32a7-427f-8dbc-a076ae2e6132#__top">ด้านบนของหน้า</link>

<div onkeydown="javascript:if (event.keyCode == 13) _SFSUBMIT_">
<input type="text" name="T1"/>
<input type="button" value="Go" onclick="javascript:_SFSUBMIT_"/>
</div>

Region: <input type="text" name="Region" value="India"/>

<input type="button" value="SUBMIT" onclick="javascript:_SFSUBMIT_"/>

<br/>
<a href="http://contoso/SitePages/CustByRegion.aspx">Refresh</a>

<textarea name="Region" rows=5 cols=30></textarea>

<input type="radio" name="Region" value="India"/> India<BR/>
<input type="radio" name="Region" value="USA"/> USA<BR/>
<input type="radio" name="Region" value="Spain"/> Spain<BR/>

<select name="Region">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="Spain"> Spain </option>
</select>

<option value="Spain" selected="selected"> Spain </option>

<input type="checkbox" name="region1" value="India"/> India<BR/>
<input type="checkbox" name="region2" value="USA"/> USA<BR/>
<input type="checkbox" name="region3" value="Spain"/> Spain<BR/>

<input type="checkbox" name="region3" value="Spain" checked="checked"/> Spain<BR/> 

กำหนดค่าคุณสมบัติทั่วไปของ Web Part

Web Part จะแชร์คุณสมบัติทั่วไปจำนวนหนึ่ง ซึ่งควบคุมลักษณะที่ปรากฏ เค้าโครง และลักษณะขั้นสูง คุณสามารถเปลี่ยนคุณสมบัติของ Web Part ได้ในบานหน้าต่างเครื่องมือ

• เมื่อต้องการดูส่วน ขั้นสูง ในบานหน้าต่างเครื่องมือ คุณต้องมีสิทธิ์ที่เหมาะสม

• สำหรับ Web Part เฉพาะเจาะจง Web part สำหรับนักพัฒนาอาจมีเลือกไม่ให้แสดงคุณสมบัติทั่วไปเหล่านี้อย่างน้อยหนึ่ง หรืออาจมี เลือกเพื่อสร้าง และแสดงคุณสมบัติเพิ่มเติมที่ไม่ได้แสดงไว้ด้านล่างในลักษณะที่ปรากฏเค้าโครง และ ส่วนขั้นสูงของบานหน้าต่างเครื่องมือ

• การตั้งค่าสิทธิ์และคุณสมบัติบางประการอาจปิดใช้งานหรือซ่อนคุณสมบัติ Web Part ไว้