هذه آخر وظيفة في بلدي سلسلة الجاري حول كيفية استخدام jQuery مع شير.
إذا كنت تريد معرفة المزيد حول jQuery, أنا أوصى: jQuery في العمل بيبو الدب ويهودا كاتز.
الشروع في العمل مع jQuery في SharePoint المدهش أن من السهل (إليّ). (لدى تساؤلات خطيرة بشأن اتباع نهج "أفضل الممارسات" لنشر هذه الأمور للإنتاج, ولكن هذا ليوم آخر). لقد بدأت اللعب مع هذه التكنولوجيا، وتحقيقا لهذه الغاية, أنا خلقت بيئة رمل لاستخدامها. إذا كنت تبحث عن البدء مع jQuery, قد تجد هذا النهج المفيدة.
1. إنشاء موقع فارغ
إنشاء موقع فارغ في مكان ما في الموقع الخاص بك والذي يطلق عليه شيء ذكي مثل "jQuery رمل".
2. تحميل jQuery
يمكنك تحميل مكتبة جافا سكريبت jQuery من هنا: http://docs.jquery.com/Downloading_jQuery
حفظ هذا إلى سطح المكتب الخاص بك.
لقد تم استخدام الإصدار "مصغر".
3. إنشاء مكتبة مستندات SharePoint
في موقع الويب الخاص بك رمل, إنشاء مكتبة مستندات.
4. تحميل مسج مكتبة SharePoint
الوصول إلى مكتبة مستند قمت بإنشائه وتحميل مكتبة jQuery.
5. قم بإنشاء قائمة SharePoint مخصصة
لقد بدأت مع قائمة مخصصة لأنني أريد أن الوحل مع النماذج SharePoint القياسية. يمكنك أيضا إنشاء صفحة في مكتبة صفحات أو صفحات أجزاء ويب، وربما الكثير من أماكن أخرى.
إضافة بعض الأعمدة إلى قائمة مخصصة بحيث يمكنك الحصول على شيء لتشغيل مسج ضد. بلدي الأهداف الأولية:
- إخفاء حقل.
- تعيين قيمة لحقل.
مع هذا الهدف في الاعتبار, قمت بإضافة اثنين من حقول النص. مع مرور الوقت, أنا سوف تلعب مع الروابط, الصور, عمليات البحث, إلخ.
6. تعديل صفحة جزء ويب NewForm.aspx وإضافة جزء ويب محرر المحتوى
وهذا هو القليل الأسود ماجيكيش , وفي هذا مفهوم جديد بالنسبة لي. علم لأول مرة عن هذا من بول جرينير, مسج SharePoint سوبر ستار, في موقع المشروع CodePlex له: http://spff.codeplex.com/.
اتبع هذه الخطوات لإضافة سوب إلى نفس الصفحة التي يظهر NewForm.aspx لأي قائمة مخصصة:
- الوصول إلى قائمة مخصصة، ثم انقر فوق جديد.
- إلحاق التالية إلى عنوان URL: عرض الصفحة = المشتركة&تولبانيفيو = 2
التي سيتم تحويل الخاص بك نموذج إدخال بيانات الفانيليا مملة من شيء من هذا القبيل:
لهذا:
إضافة جزء ويب محرر المحتوى للصفحة.
7. يكتب مسج "الأول الخاص بك" التعليمات البرمجية
فتح ذلك سوب في طريقة العرض تعليمات برمجية وإضافة ما يلي:
هنا هو التعليمات البرمجية الفعلية إذا كنت تريد نسخ/لصق:
<البرنامج النصي نوع ="النص/جافا سكريبت"
src =".. /.. /jQuery Library/jquery-1.3.2.min.js">
</البرنامج النصي>
<البرنامج النصي نوع ="النص/جافا سكريبت">
$(الدالة() {
$('#resultsID').html('هناك' + $('أ').الحجم() + 'علامات علامات على هذه الصفحة.');
});
</البرنامج النصي>
النتيجة:
<div معرف ='ريسولتسيد'></div>
/النتيجة
|
لاحظ أن الأول <البرنامج النصي> العلامة هو الرجوع إلى مكتبة jQuery الفعلية. يفترض أن, هذه الأمور تتغير على مر الزمن, ولذلك سوف ترغب في التأكد من أنك) استخدام الاسم الصحيح وب) أنها نقطة إلى مكتبة مستندات SharePoint الصحيحة.
يتلقى المجد
إذا كنت فعلت ذلك بشكل صحيح, ستظهر لك نتيجة مشابهة لما يلي:
وفي ختام
هذه ليست الطريقة الوحيدة للشروع في العمل, ولكن لأنها سريعة, من السهل ومعزولة عن البيئة الخاصة بك SharePoint الموجودة.
</نهاية>
الاشتراك في بلادي بلوق.
اتبعني على التغريد في http://www.twitter.com/pagalvin