توسعه فرم و فرآیند شیرپوینت
به مقاله ای در مورد “Cascading of Dropdown fields on SharePoint 2013 & Office 365” خوش آمدید. این یک رویکرد اصلی است زمانی که ما فرم ها را می سازیم و زمانی که باید از چندین فیلد جستجو در فرم استفاده کنیم و آنها باید به عنوان یک رابطه والدین و فرزند به یکدیگر مرتبط باشند.
بنابراین آنچه اتفاق میافتد این است که وقتی یکی از والدین را انتخاب میکنید، سایر فرزندان به آن مربوط میشوند. بنابراین اگر یک والد خاص را انتخاب کنید، تمام فرزندان مربوط به والد ظاهر می شود.
در اینجا با نحوه کار آن آشنا میشویم.
- لیستی با نام “Company” ایجاد کنید.
- روی Add an app کلیک کنید.
- Custom List App را انتحاب کنید.
- روی آن کلیک کنید و یک لیست “Company” ایجاد کنید.
- پس از ایجاد لیست، نام شرکت ها را اضافه کنید.
- مطابق تصویر زیر:
- لیست دیگری با نام “Employee” ایجاد کنید.
- پس از ایجاد لیست، یک ستون Look up به نام شرکت از لیست Company ایجاد کنید.
- همانطور که در زیر مشاهده می کنید، روی Create Column کلیک کرده و گزینه Look up را انتخاب کنید.
- لیست Company را انتخاب کنید و فیلد Title را هنگام پیکربندی ستون Look up انتخاب کنید.
- در اینجا می توانیم ببینیم که ستون Look up ما دارای مقادیری از لیست دیگری است.
- مقادیر مورد نیاز خود را پر کنید؛ در اینجا نام کارمندان در زیر Title وارد شده و نام شرکت در فیلد Look up انتخاب شده است.
- حال لیست دیگری به نام Database بسازید.
- دو ستون Look up ای را اضافه کنید.ستون company را از لیست Company انتحاب کرده و مطابق تصویر زیر Title را به عنوان منبع ستون انتخاب کنید.
- دومین ستون Look up ای را اضافه کنید. employee از لیست Employee و مطابق تصویر زیر، Title را به عنوان ستون منبع انتخاب کنید.
- بنابراین این view لیست خالی شما با تمام ستون ها خواهد بود،
- هنگامی که روی آیتم جدید کلیک می کنید همانطور که هر دو ستون Look up ای را اضافه کردید، آنها باید همه مقادیر را نمایش دهند، اما نه، ما مقادیر آنها را به عنوان رابطه والد و فرزند مطابق صفحه زیر کنترل می کنیم.
– اگر شرکت “CTS” را انتخاب کنید، کارمند Manpreet را به عنوان مقدار می بیند.
– وقتی “Infy” را به عنوان شرکت انتخاب می کنید، Baghel به عنوان کارمند نمایش داده می شود.
- چگونه انجام شد؟
-به لیست Database بروید.
-در زیر تب ، “Default New Form” را انتخاب کنید.
-وب پارت ‘Script Editor’ را اضافه کنید و کد زیر را paste کنید.
:Code
<script src=“https://site name/jquery.min.js”></script>
<script src=“https://sitename/jquery.SPServices.min.js”></script>
<script type=“text/javascript”>
$(document).ready(function ()
{
$().SPServices.SPCascadeDropdowns(
{
relationshipList: “Employee”,
relationshipListParentColumn: “Company”,
relationshipListChildColumn: “Title”,
parentColumn: “Company”,
childColumn: “Employee”,
debug: true
});
});
</script>
- روی OK کلیک کنید ، به لیست Database بازگردید و سپس بر روی New Form کلیک کنید.
- آبشار شما شروع به کار خواهد کرد.