در این پست میخواهم در رابطه با جاوا اسکریپت در شیرپونت صحبت کنم. قبل از شروع، از مدیر یا بهتره بگم دوست عزیزم تشکر میکنم که پیشنهاد داد در این خصوص مطالعه کنم تا با دنیای کدنویسی جذاب شیرپوینت بیشتر آشنا شوم.
به صورت کلی با موارد ذیل میخواهیم آشنا شویم:
- جاوا اسکریپت چیست؟
- برخی از کارهایی که با استفاده از جاوا اسکریپت میتوانیم انجام دهیم.
- نحوهی استفاده جاوا اسکریپت در شیرپوینت
- آشنایی با فناوری هایی که به همراه js قابل استفاده هستند.
.نکته: در حال حاضر متاسفانه از جاوا اسکریپت در صفحات وب مدرن نمیشود استفاده کرد
مایکروسافت متوجه شد که بسیاری از مشکلاتی که برای کاربران به وجود میآید نتیجه اصلاح css، تغییر صفحات اصلی، ایجاد تمهای سفارشی و … می باشد به همین دلیل دسترسی کاربران را در این خصوص محدود کردند.در نتیجه در شیرپوینت ما به فایل css دسترسی نداریم.
جاوا اسکریپت چیست؟
جاوا اسکریپت نوعی زبان برنامه نویسی سطح بالا است که هماکنون در تمام مرورگرهای مدرن یافت میشود تا اسکریپتهای سمت «سرویسگیرنده» (کلاینت) بتوانند با کاربر تعامل برقرار کنند. این زبان محبوب، کتابخانهها و فریمورکهای زیادی مانند JQUERY،Kendo UI و PnP دارد که در توسعه وب سایتها بسیار کاربردی محسوب میشوند.
کاربردهای جاوا اسکریپت در شیرپوینت
- اضافه کردن یا تغییر عناصر کاربری روی صفحه
- تغییر ظاهر فرم اولیه
- در تایید فرم یعنی برای اعتبارسنجی داده ها (validation) و نمایش ارور به کاربر
- در column validation تنظیمات ستون های لیست/مخزن
- ایجاد و مدیریت رویدادها هنگام کلیک، جابه جایی ماوس و …
- متحرک سازی محتوا و عناصر(Animation)
- ایجاد اطلاعات و عناصر با کمک وب پارت Script Editor
jQuery
نوعی کتابخانه جاوا اسکریپت محسوب میشود که برای ساده سازی اسکریپت نویسی کاربرد دارد.
JSOM
از خانوادههای API شیرپوینت محسوب میشود. برای مثال تا حالا به این موضوع فکر کردهاید که شیرپوینت چطوری یوزر فردی را جستجو و نمایش میدهد؟! در واقع با API این کار را انجام میدهیم.یعنی با API درخواست را از شیرپوینت دریافت کرده و به Exchange منتقل میکنیم.
در واقع JSOM مجموعهای از فایلهای جاوا اسکریپت است که همراه شیرپوینت گنجانده شده است.
JSON
یک قالب مبتنی بر متن است که از ساختار شی جاوا اسکریپت پیروی میکند که حتی میتواند به صورت مستقل از جاوا اسکریپت استفاده شود. با JSON میتوانیم فونت، رنگ و نمادها را تغییر دهیم و یا برای قالب بندی شرطی در تنظیمات ستون (Column Formatting) استفاده نماییم.
JSLINk
هدف اصلی JSLINK این است که به توسعه دهندگان این امکان را بدهد که به روش آسانتری بتوانند به وب پارت ها استایل ببخشند.
آیتمهای ذیل شامل فیلد JSLINK میباشند:
List
List Views
Form
Site Columns
همانطور که در تصویر زیر میبینید برای دسترسی به فیلد JSLINK باید در حالت ویرایش صفحه در قسمت ویرایش وب پارت به روی Miscellaneous کلیک نمایید.
با توجه به اینکه در شیرپوینت از SiteCollection یا Site استفاده شده است Url به شکل ذیل میباشد:
Site/SiteFolder/filename.js~
اگر میخواهید به دو تا فایل لینک دهید با کمک | دو Url را جدا نمایید:
Site/SiteFolder/filename.js | ~Site/SiteFolder/filename2.js~
Ajax
مخفف عبارت Asynchronous JavaScript and XML به معنی جاوا اسکریپت و XML ناهمگام است.Ajax به خودی خود یک زبان برنامه نویسی محسوب نمیشود بلکه یک تکنیک توسعه است. ویژگی مهم آن ماهیت ناهمگام بودنش است یعنی صفحه را بدون نیاز به رفرش به روزرسانی میکند.
Rest API
در پستهای بعدی این بخش را بهصورت جداگانه بررسی خواهیم نمود.