یکی از سفارشی سازی های معمولی شیرپوینت، نمایش داده های لیست شیرپوینت در jQuery Datable است. ما قبلاً این را با استفاده از قسمت وب ویرایشگر محتوا یا فایل سفارشی JS ارجاع به صفحه سفارشی توسعه می دادیم. با یک رویکرد جدید پیشنهاد شده توسط توسعه برای ایجاد بخشهای وب سمت مشتری با استفاده از چارچوب شیرپوینت، اجازه دهید ببینیم چگونه میتوانیم با استفاده از بخش وب SharePoint Framework به همان هدف برسیم.
اگر با قسمت وب SPFx و جدول داده های جی کوئری آشنایی ندارید یا نمی دانید، از شما می خواهم ابتدا لینک های زیر را مرور کنید.
لیست نمونه
بر اساس نیاز ما یک لیست ایجاد کنید. برای این مقاله، ما از لیست زیر استفاده خواهیم کرد.
![](http://pezhvak24.ir/dl/10kcor/cscd/article/display-sharepoint-list-data-with-jquery-datatable-in-sharepoint-frameworkspfx/Images/1.png)
یک بخش وب SPFx ایجاد کنید، از گزینه های زیر استفاده کنید.
![](http://pezhvak24.ir/dl/10kcor/cscd/article/display-sharepoint-list-data-with-jquery-datatable-in-sharepoint-frameworkspfx/Images/2.png)
بسته های جی کوئری
بسته های جی کوئری را اضافه کنید. 2 دستور زیر را یکی یکی در خط فرمان NodeJS در دایرکتوری ریشه پروژه اجرا کنید.
- npm install @types/jquery@2 --save
- npm install @types/jqueryui --save
این برای بارگیری بسته Jquery در راه حل SPFx ما و استفاده از نحو jquery در فایل TypeScript همانطور که در فایل JS انجام می دهیم است.