معرفی
Person یا Group فیلدهای مهمی در فهرست و کتابخانه شیرپوینت هستند و اکثر توسعه دهندگان در دریافت و اتصال جزئیات فیلد People Picker با مشکل مواجه هستند.
در این مقاله من نمونههایی در مورد نحوه اتصال جزئیات کاربر، غیرفعال کردن فیلد، نمایش پیامهای خطای سفارشی و خالی کردن فیلد ارائه کردهام، زیرا این موارد معمولاً مورد استفاده در قسمت People Picker هستند. امیدوارم این مقاله به شما در فعالیت های روزمره توسعه دهندگان در مدل شی جاوا اسکریپت شیرپوینت (JSOM) کمک کند.
انتخاب کننده افراد را با نام کاربری وارد شده متصل کنید
کد نمونه زیر به پیوند دادن جزئیات کاربر وارد شده به فیلد انتخابگر افراد کمک می کند، این عملکرد رایجی است که ما در فرم های شیرپوینت استفاده خواهیم کرد.
مراحل پیکربندی کد جاوا اسکریپت
- فرم لیست شیرپوینت را ویرایش کنید.
- قسمت وب ویرایشگر محتوا را اضافه کنید
- فایل JS را به قسمت وب اضافه کنید
یا می توانید از ویرایشگر اسکریپت Web Part برای گنجاندن این کد استفاده کنید.
در این کد با کلیک روی دکمه، کاربر فعلی وارد شده را به فیلد Employee متصل می کنیم.
- <script type = "text/javascript"
- src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js" > < /script>
- < button type = "button"
- id = "btnGetDetails"
- style = "background-color: yellow; font-weight:bold" > Get People Picker Person Details < /button> <
- script type = "text/javascript" >
- // Field Name
- var fEmployee = "Employee";
- $(document).ready(function() {
- // Button Click
- $("#btnGetDetails").click(function() {
- BindPeoplePickerWithLoggedinUser(fEmployee);
- });
- });
- function BindPeoplePickerWithLoggedinUser(ppTitle) {
- setTimeout(function() {
- var _PeoplePicker = $("div[title='" + ppTitle + "']");
- var peoplePickerEditor = _PeoplePicker.find("[title='" + ppTitle + "']");
- var _PeoplePickerTopId = _PeoplePicker.attr('id');
- peoplePickerEditor.val(_spPageContextInfo.userDisplayName);
- var ppobject = SPClientPeoplePicker.SPClientPeoplePickerDict[_PeoplePickerTopId];
- ppobject.AddUnresolvedUserFromEditor(true);
- }, 1000);
- }
- </script>
ارزشها را از حوزه انتخابگر افراد دریافت کنید
مثال زیر نحوه دریافت جزئیات Person را از قسمت People Picker با استفاده از جاوا اسکریپت در شیرپوینت توضیح می دهد.