استخدام جزء ويب الخاص بنموذج HTML لتصفية البيانات وعرضها في جزء ويب آخر

هام: تمت ترجمة هذه المقالة ترجمة آلية، راجع إقرار إخلاء المسؤولية. يرجى الاطلاع على النسخة الإنجليزية من هذه المقالة. هنا للرجوع إليها.

تستطيع استخدام جزء ويب الخاص بنموذج HTML للاتصال بجزء ويب آخر، مثل جزء ويب الخاص بعرض القائمة، وتمرير البيانات إليه.

في هذه المقالة:

استخدام جزء ويب الخاص ب# النموذج

اضافه "جزء ويب" الي صفحه

توصيل جزء ويب نموذج HTML ل# "جزء ويب" اخر

تخصيص جزء ويب نموذج HTML

تخصيص جزء ويب الخاص ب# نموذج HTML الافتراضي

استخدام مربع نص متعدد الاسطر

استخدام ازرار الخيارات

استخدام قائمه منسدله خيارات

استخدم خانات الاختيار

تكوين الخصائص العامه ل# "جزء ويب"

مظهر

تخطيط

خيارات متقدمه

استخدام جزء ويب الخاص بالنموذج

يمكنك استخدام جزء ويب الخاص بنموذج HTML للاتصال بجزء ويب آخر وتمرير البيانات إليه. فتستطيع على سبيل المثال استخدام جزء ويب الخاص بنموذج HTML الافتراضي لكتابة اسم منطقة وتمرير القيمة إلى جزء ويب الخاص بعرض القائمة في بيانات العملاء وتصفية البيانات بحسب تلك المنطقة. وتستطيع أيضًا تخصيص جزء ويب الخاص بنموذج HTML لكي تمكّن مستخدمًا من تحديد اسم المنطقة مثلاً من قائمة منسدلة. وتستطيع استخدام مربعات النصوص أو القوائم المنسدلة أو خانات الاختيار أو مربعات النص متعددة الأسطر أو أزرار الخيارات في جزء ويب الخاص بنموذج HTML.

تعتمد طريقة توصيل الحقول بجزء ويب آخر على كيفية تعريف جزء ويب الآخر لاستخدام اتصالات أجزاء ويب.

على الرغم من إمكانية توفر أكثر من عنصر واحد (مربع نص وأزرار اختيار وغيرها) على النموذج، يمكن توصيل حقل واحد فقط بجزء ويب الخاص بعرض القائمة. ولكن يمكن توصيل حقول مختلفة بأجزاء ويب مختلفة في الوقت نفسه. على سبيل المثال، يمكن أن يتوفر لديك جزء ويب خاص بنموذج HTML يتضمن مربع نص ومجموعة من أزرار الخيارات. يمكن توصيل مربع النص بجزء ويب واحد خاص بطريقة عرض القائمة وتوصيل أزرار الخيارات بجزء ويب آخر. وعندما ينقر المستخدم فوق الزر انتقال، تتم تصفية جزئي ويب الخاصين بطريقة عرض القائمة وفقًا للمعلومات التي تم إدخالها في جزء ويب الخاص بنموذج HTML.

تستطيع توصيل حقلين أو أكثر في جزء ويب الخاص بنموذج HTML بجزء ويب آخر إذا كان باستطاعة جزء ويب هذا استيعاب معلمات متعددة. وقد تحتاج في هذه الحالة إلى برنامج تصميم صفحات ويب متوافق مع SharePoint مثل SharePoint Designer 2010 لإتمام الاتصال.

اعلي الصفحه

إضافة جزء ويب إلى صفحة

لتحرير صفحة، يجب أن تمتلك على الأقل الأذونات التي تحصل عليها عبر إضافتك إلى المجموعة "الأعضاء" الافتراضية الخاصة بـ <اسم الموقع> لموقع SharePoint‏.

  1. من صفحة، انقر فوق علامة التبويب صفحة ثم انقر فوق الأمر تحرير، من الشريط.

    الأمر "تحرير" في علامة التبويب "الصفحة"

    إذا كان الأمر تحرير معطلاً، فربما لا تتوفر لديك الأذونات لتحرير الصفحة. اتصل بالمسؤول.

  2. انقر فوق الصفحة التي ترغب في إضافة جزء ويب إليها، ثم انقر فوق علامة التبويب إدراج، ثم انقر فوق جزء ويب.

    الأمر "جزء ويب"

  3. ضمن الفئات، حدد إحدى الفئات، مثل القوائم والمكتبات، وحدد جزء ويب الذي تريد إضافته إلى الصفحة، مثل إعلانات، ثم انقر فوق إضافة.

    منتقي أجزاء ويب

  4. عند تحديد جزء ويب، يتم عرض معلومات حول جزء ويب في حول جزء ويب.

  5. عندما تنتهي من تحرير الصفحة، انقر فوق علامة التبويب الصفحة، ثم انقر فوق حفظ وإغلاق.

اعلي الصفحه

توصيل جزء ويب الخاص بنموذج HTML بجزء ويب آخر

ل# استخدام جزء ويب نموذج HTML، يمكنك توصيله ب# "جزء ويب" اخر يمكنه الاتصال ب# قيم الاستلام من خلال اتصال "جزء ويب"، مثل "جزء ويب ل# عرض القائمه". القائمه التي تريد تصفيتها، و# العمود الذي تريد تصفيته، يجب ان تكون مرئيه في "جزء ويب" علي الصفحه نفسها ك# جزء ويب نموذج HTML. ل# مزيد من المعلومات حول اضافه جزء ويب نموذج HTML الي صفحه، راجع اضافه "جزء ويب" الي صفحه.

  1. استعرض وصولاً إلى الصفحة التي تحتوي على جزء ويب الذي تريد تصفيته.

  2. في الشريط، انقر فوق علامة التبويب الصفحة، ثم فوق الأمر تحرير.

    إذا كان الأمر تحرير معطلاً، فربما لا تتوفر لديك الأذونات لتحرير الصفحة. اتصل بالمسؤول.

  3. أشر إلى جزء ويب الخاص بنموذج HTML وانقر فوق السهم لأسفل ثم فوق الاتصالات، وأشر إلى توفير قيمة النموذج إلى ثم انقر فوق اسم جزء ويب الذي تريد الارتباط به.

  4. في مربع الحوار اختيار اتصال، انقر فوق علامة التبويب تكوين الاتصال.

  5. من القائمة نوع الاتصال، حدد الحقل الذي يتوافق مع المعلومات من جزء ويب الخاص بنموذج HTML.

ملاحظة: لا يلزم الحقول تحمل نفس الاسماء، و# لا يمكنهم يجب ان تكون انواع البيانات نفسها. تكون القيم المرسله من جزء ويب نموذج HTML عباره عن قيم نصيه.

  1. انقر فوق إنهاء، ثم فوق إنهاء وضع التحرير في أعلى الصفحة.

تستطيع، بشكل افتراضي، إدخال نص في مربع النص ثم النقر فوق انتقال أو ضغط ENTER. سيعرض جزء ويب الآخر البيانات التي تتطابق مع النص الذي أدخلته فقط. لمسح مربع النص من أجل كتابة نص جديد، حدد النص الحالي ثم احذفه.

اعلي الصفحه

تخصيص جزء ويب الخاص بنموذج HTML

يمكنك تخصيص جزء ويب الخاص بنموذج HTML باستخدام محرر المصدر المتوفر في جزء أدوات جزء ويب الخاص بنموذج HTML أو برنامج تصميم صفحات ويب متوافق مع SharePoint مثل SharePoint Designer 2010. ويمكنك استخدام أزرار الخيارات وخانات الاختيار ومربعات النصوص متعددة الأسطر ومربعات القوائم بدلاً من مربع النص القياسي. تستطيع كذلك إضافة التسميات وتعيين قيمة افتراضية.

إذا قمت بتخصيص جزء ويب الخاص بنموذج HTML، فتذكر ما يلي:

  • يمكن استخدام زر انتقال (الذي يستخدم عنصر INPUT) واحد فقط لتمرير بيانات إلى جزء ويب آخر.

  • يستخدم جزء ويب الخاص بنموذج HTML عنصر FORM. ولا يمكن استخدام بعض عناصر HTML داخل عنصر FORM منها عناصر HTML وBODY وFORM.

  • يجب أن تكون كافة أسماء حقول النموذج فريدة. ويستخدم كل اسم للاتصال باسم العمود المطابق له في جزء ويب الذي تريد الاتصال به.

لتخصيص جزء ويب الخاص بالنموذج، استخدم الزر محرر المصدر لعرض مربع الحوار محرر النص ثم راجع التعليمات البرمجية المصدر لـ HTML أو قم بإضافتها.

ملاحظة: يوفر جزء ويب نموذج HTML فقط البيانات الي "جزء ويب" اخر قابل ل# الاتصال، لا يمكن الحصول علي بيانات من "جزء ويب" اخر قابل ل# الاتصال. علي سبيل المثال، لا يمكن استخدام جزء ويب نموذج HTML ك# نموذج تفاصيل ل# عرض صف من البيانات.

اعلي الصفحه

تخصيص جزء ويب الخاص بنموذج HTML الافتراضي

لتخصيص جزء ويب الخاص بنموذج HTML، قم بما يلي:

  1. من الصفحه عرض جزء ويب "نموذج HTML"، في الشريط، انقر فوق علامه التبويب تحرير، و# ثم انقر فوق الامر تحرير.

  2. اشر الي جزء ويب نموذج HTML، انقر فوق السهم المتجه ل# اسفل، ثم فوق تحرير جزء ويب.

  3. في جزء الادوات، انقر فوق الزر محرر المصدر .

  4. يتم فتح مربع الحوار إدخال النص الذي يعرض التعليمات البرمجية الافتراضية لـ HTML.

لتسهيل عملية قراءة هذه التعليمات البرمجية وتعديلها، أدرج أحرف أسطر في النص لفصل الأسطر كما يظهر هنا:

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

تستطيع تغيير العنصر INPUT الأول بطرق متعددة من خلال تغيير اسم الحقل أو إضافة تسمية لحقل أو إضافة قيمة افتراضية.

الخاصية

الوصف

اسم الحقل

هو اسم المربع النص الافتراضي في "جزء ويب الخاص ب# النموذج" T1. هذا هو الاسم الذي يظهر في مربع الحوار تكوين اتصال . ل# اعطاء الحقل اسما ذا معني، اكتب اسما جديدا بدلا من T1. لا تقم ب# ازاله علامات الاقتباس.

تسمية الحقل

يمكنك إضافة نص تسمية قبل حقل النموذج أو بعده. اكتب النص بدون علامات اقتباس.

القيمة الافتراضية

يمكنك إضافة قيمة افتراضية إلى حقل ناحية النص. وباستطاعة المستخدم الموافقة على القيمة من خلال النقر فوق الزر انتقال، أو كتابة الإدخال الخاص به فوقها. لإضافة قيمة افتراضية، استخدم سمة القيمة.

إذا أردت على سبيل المثال استخدام اسم ذي معنى أكبر وإضافة قيمة افتراضية وإضافة تسمية، فتستطيع القيام بما يلي:

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

تستطيع تغيير عنصر INPUT الثاني من خلال تغيير اسم الزر كما هو موضّح في المثال التالي:

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

تستطيع كذلك إضافة عناصر HTML أخرى قبل عنصر DIV وبعده. تشكل مثلاً إضافة علامة ارتساء للصفحة الحالية بعد عنصر الإغلاق DIV طريقة بسيطة ومفيدة لتمكين المستخدم من تحديث الصفحة بسرعة وإعادة تعيين عناصر FORM. على سبيل المثال:

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

هام: لا تغير التعليمه البرمجيه HTML اخري في مربع الحوار محرر النص. انشاء جزء ويب نموذج HTML ديناميكيا روتين النصي في وقت التشغيل ل# انشاء اتصال ب# "جزء ويب" الاخر. لا تقم ب# تعديل رمز الحدث onkeydown او عند _ النقر، او قد دون قصد قطع جزء ويب نموذج HTML.

اعلي الصفحه

استخدام مربع نص متعدد الأسطر

يعرّف عنصر TEXTAREA عنصر تحكم بإدخال نص متعدد الأسطر. وتحدد السمة ROWS عدد الأسطر المرئية في حقل النص. وتحدد السمة COLS عرض ناحية النص بالأحرف. في المثال التالي، يرى المستخدم مربع حوار يتّسع لخمسة أسطر في الطول وثلاثين حرفًا في العرض. عندما يدخل المستخدم نصًا في المربع، سيلتف النص عند 30 حرفًا.

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

تلميح: تاكد من ان لا توجد ايه مساحه في التعليمات البرمجيه مباشره بعد قوس الزاويه اليمني (>).

اعلي الصفحه

استخدام أزرار الخيارات

توفر أزرار الخيارات، المعروفة أيضًا بأزرار الاختيار، للمستخدم مجموعة من الاختيارات الحصرية المتبادلة. يعرض المثال التالي ثلاثة أزرار اختيار. استخدم الاسم نفسه لكل زر من أزرار الاختيار. وتستطيع تخصيصها من خلال إضافة التسميات بعد كل زر. إذا أردت تنسيق كل زر اختيار في سطر منفصل، فاستخدم عنصر BR.

<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. سيظهر كل خيار بشكل فردي في القائمة ولكن باستطاعة المستخدم تحديد خيار واحد فقط. وسيظهر النص الموجود بعد قوس الإغلاق المعقوف الخاص بعنصر OPTION في القائمة المنسدلة.

<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/> 

اعلي الصفحه

تكوين الخصائص المشتركة لجزء ويب

تشترك أجزاء ويب في مجموعة خصائص مشتركة تحكم مظهرها وتخطيطها وسماتها المتقدمة. يمكنك تغيير خصائص أجزاء ويب من جزء الأدوات.

ملاحظة: قد تختلف خصائص جزء ويب العامة التي تراها في جزء الأدوات عما تم توثيقه في هذا المقطع لأسباب عديدة:

  • لمشاهدة المقطع خيارات متقدمة في جزء الأدوات، يجب أن يكون لديك الإذن المناسب.

  • بالنسبة لجزء ويب معين، قد يكون مطور جزء ويب قد اختار عدم عرض خاصية واحدة أو أكثر من هذه الخصائص المشتركة أو اختار إنشاء خصائص إضافية وعرضها وهذه الخصائص غير مسرودة أدناه في المقاطع المظهر والتخطيط وخيارات متقدمة في جزء الأدوات.

  • قد تؤدي بعض الأذونات وإعدادات الخصائص إلى تعطيل خصائص جزء ويب أو إخفاؤها.

المظهر

الخاصية

الوصف

العنوان

تحديد عنوان "جزء ويب" الذي يظهر في شريط العنوان الخاص بجزء ويب.

الارتفاع

تحديد ارتفاع "جزء ويب".

العرض

تحديد عرض "جزء ويب".

حالة الكروم

تحديد ما إذا كان جزء ويب سيظهر بأكمله على الصفحة عندما يفتح المستخدم الصفحة. افتراضيًا، يتم تعيين حالة الكروم إلى عادي ليظهر جزء ويب بأكمله. بينما يظهر شريط العنوان فقط عند تعيين الحالة إلى مصغر.

نوع الكروم

تحديد ما إذا كان سيتم عرض شريط العنوان والحد الخاص بإطار جزء ويب أم لا.

التخطيط

الخاصية

الوصف

مخفي

تحديد إذا ما كان "جزء ويب" سيكون مرئيًا عند قيام مستخدم بفتح الصفحة أم لا. إذا كانت خانة الاختيار هذه محددة، يكون "جزء ويب" مرئيًا فقط عندما تقوم بتصميم الصفحة، وعندما تكون اللاحقة (مخفي) مرفقة بالعنوان.

يمكنك إخفاء جزء ويب إذا أردت استخدامه لتوفير البيانات إلى جزء ويب آخر من خلال اتصال جزء ويب، لكنك لا تريد في الوقت نفسه عرض جزء ويب.

الاتجاه

تحديد اتجاه النص ضمن محتوى "جزء ويب". على سبيل المثال، اللغة العربية هي لغة تُكتب من اليمين لليسار؛ واللغة الإنجليزية ومعظم اللغات الأوروبية تُكتب من اليسار لليمين. قد لا يتوفر هذا الخيار لجميع أنواع أجزاء ويب.

المنطقة

تحديد المنطقة الموجود بها جزء ويب على الصفحة.

ملاحظة: لا يتم سرد المناطق الموجودة على الصفحة في مربع القائمة عندما لا يكون لديك الإذن بتعديل المنطقة.

فهرس المنطقة

تحديد موضع جزء ويب في منطقة عندما تحتوي المنطقة على أكثر من جزء ويب.

لتحديد الترتيب، اكتب عددًا صحيحًا موجبًا في مربع النص.

إذا كانت أجزاء ويب في المنطقة مرتبة من أعلى إلى أسفل، تعني القيمة 1 أن جزء ويب يظهر في أعلى المنطقة. إذا كانت أجزاء ويب في المنطقة مرتبة من اليسار إلى اليمين، تعني القيمة 1 أن جزء ويب يظهر في الجانب الأيسر من المنطقة.

على سبيل المثال، عند إضافة جزء ويب إلى منطقة فارغة مرتبة من أعلى إلى أسفل، تكون قيمة فهرس المنطقة 0. وعند إضافة جزء ويب ثانٍ إلى أسفل المنطقة، تكون قيمة فهرس المنطقة 1. لنقل جزء ويب الثاني إلى أعلى المنطقة، اكتب 0 ثم اكتب 1 لجزء ويب الأول.

ملاحظة: يجب أن يكون لكل جزء ويب في المنطقة قيمة فريدة لـ "فهرس المنطقة". لذلك، فقد يؤدي تغيير قيمة "فهرس المنطقة" لجزء ويب الحالي أيضاً إلى تغيير قيمة "فهرس المنطقة" لأجزاء ويب الأخرى في المنطقة.

متقدم

الخاصية

الوصف

السماح بالتصغير

تحديد ما إذا كان يمكن تصغير "جزء ويب" أم لا.

السماح بالإغلاق

تحديد ما إذا كان يمكن إزالة جزء ويب من الصفحة أم لا.

السماح بالإخفاء

تحديد ما إذا كان يمكن إخفاء جزء ويب أم لا.

السماح بتغيير المنطقة

تحديد ما إذا كان يمكن نقل "جزء ويب" إلى منطقة أخرى.

السماح بالاتصالات

تحديد ما إذا كان سيتم مشاركة جزء ويب في الاتصالات أم لا.

السماح بالتحرير في طريقة العرض الشخصية

تحديد إذا ما كان يمكن تعديل خصائص جزء ويب في طريقة عرض شخصية أم لا.

وضع التصدير

تحديد مستوى البيانات المسموح بتصديرها لجزء ويب هذا. قد لا يتوفر هذا الإعداد، استنادًا إلى التكوين لديك.

URL العنوان

تحديد محدد موقع المعلومات (URL) الخاص بالملف الذي يحتوي على معلومات إضافية حول جزء ويب. يتم عرض الملف في نافذة مستعرض منفصلة عند النقر فوق عنوان جزء ويب.

الوصف

تحديد تلميح الشاشة الذي يظهر عند وضع مؤشر الماوس على عنوان جزء ويب أو أيقونته. تُستخدم قيمة هذه الخاصية عندما تبحث عن أجزاء ويب باستخدام الأمر بحث في قائمة البحث عن أجزاء ويب في جزء الأدوات.

URL التعليمات

تحديد موقع الملف الذي يحتوي على معلومات التعليمات حول جزء ويب. يتم عرض معلومات التعليمات في نافذة مستعرض منفصلة عند النقر فوق الأمر تعليمات على القائمة جزء ويب.

وضع التعليمات

تحديد كيفية عرض المستعرض لمحتوى "التعليمات" الخاصة بجزء ويب.

حدد أحد الخيارات التالية:

مشروط يفتح نافذة مستعرض منفصلة إذا كان المستعرض يعتمد هذه الإمكانية. يجب أن يغلق المستخدم النافذة قبل الرجوع إلى صفحة ويب.

غير تفاعلي يفتح نافذة مستعرض منفصلة إذا كان المستعرض يعتمد هذه الإمكانية. لا يجب على المستخدم إغلاق النافذة قبل الرجوع إلى صفحة ويب. هذه هي القيمة الافتراضية.

انتقال يفتح صفحة ويب في نافذة المستعرض الحالية.

ملاحظة: على الرغم من أن أجزاء ويب Microsoft ASP.NET المخصصة تدعم هذه الخاصية، إلا أن مواضيع تعليمات SharePoint الافتراضية تفتح في نافذة مستعرض منفصلة فقط.

URL صورة أيقونة الكتالوج

تحديد موقع ملف يحتوي على صورة يتم استخدامها كأيقونة لجزء ويب في قائمة أجزاء ويب. يجب أن يكون حجم الصورة 16 × 16 بكسل.

URL صورة أيقونة العنوان

تحديد موقع ملف يحتوي على صورة يتم استخدامها في شريط عنوان جزء ويب. يجب أن يكون حجم الصورة 16 × 16 بكسل.

رسالة خطأ استيراد

تحديد الرسالة التي تظهر عند وجود مشكلة في استيراد جزء ويب.

اعلي الصفحه

ملاحظة: إقرار إخلاء المسؤولية للترجمة الآلية: تمت ترجمة هذه المقالة بواسطة نظام كمبيوتر دون تدخل العامل البشري. توفر Microsoft هذه الترجمات الآلية لمساعدة المستخدمين الذين لا يتحدثون الإنجليزية على استخدام منتجات Microsoft، وخدماتها، وتقنياتها والاستمتاع بها. قد تحتوي هذه المقالة على أخطاء في المفردات، أو بناء الجملة، أو القواعد نظرًا لترجمتها آليًا.

توسيع المهارات
استكشاف التدريب
الحصول على الميزات الجديدة أولاً
الانضمام إلى Office Insider

هل كانت المعلومات مفيدة؟

نشكرك على ملاحظاتك!

شكراً لك على الملاحظات! يبدو أنه من المفيد إيصالك بأحد وكلاء دعم Office لدينا.

×