SharePoint 2013 使用查閱項實現聯動下拉框

　　SharePoint列表使用中，常常會用到下拉框，而有些特殊的需求，會用到聯動的下拉框，在SharePoint中默認沒有這樣的字段，因此若是實現，咱們須要本身想辦法。

　　這裏，咱們介紹如何使用JQuery+JavaScript客戶端對象模型實現，下面讓我簡單介紹下實現的全過程。

　　一、建立基礎列表CityList，保存的是城市名稱，使用默認字段Title；

　　二、列表CityList的全部欄，我把Title字段的名稱改成了City Name，以下圖：

　　三、建立基礎列表AreaList，用於保存全部區和關聯的城市，以下圖：

　　四、列表AreaList的全部欄，這裏Title是區的名稱，CityName是查閱項，關聯自城市列表，以下圖：

　　五、欄CityName的詳細屬性，以下圖：

　　六、建立咱們用來展現的列表，City一欄來自CityList，類型查閱項；Area一欄來自AreaList，類型查閱項；默認建立新項目，添加City的截圖以下：

　　七、默認新建項目，Area欄效果如圖，會顯示出欄Area全部的內容：

　　八、在新建頁面上，添加內容編輯器，添加以下代碼：

<sharepoint:scriptlink name="SP.js" runat="server" ondemand="true" localizable="False"></sharepoint:scriptlink>
<script language="javascript" src="/_layouts/15/Jquery/jquery-1.7.1.js" type="text/javascript"></script>
<script language="javascript" src="/_layouts/15/Jquery/jquery.SP.LinyuService.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    SPCustomServiceGetSelect("City","Area","AreaList","CityName","Title");//源父字段名，源子字段名，源列表列表，父字段名，子字段名    
})
</script>

　　九、再次打開新建項目頁面，發現和一開始不同了，這裏Area欄只是None，以下圖：

　　十、在欄City裏選中北京，以下圖：

　　十一、查看Area欄的內容，只是北京的幾個區，再也不是全部區了，說明咱們的腳本生效了，以下圖：

　　十二、當咱們選中重慶的時候，由於測試數據中沒有爲重慶添加區，因此顯示爲None，以下圖：

　　1三、查看我寫的JS腳本，這是引用的全部腳本；個人這一聯動查閱項，就是基於這個腳本和JQuery庫實現的，以下圖：

總 結

　　當我想到聯動下拉框，首先想到就是JQuery實現，在SharePoint中，不少前臺的應用，使用JQuery都很是方便，固然，腳本我會附加下載地址，有興趣的能夠拿去使用。

　　在寫腳本的時候，我儘可能封裝成類庫，前臺調用便可，有特殊須要的下載後本身修改吧。

博文推薦：

SharePoint 2013 WebPart 管理工具分享[開源]

基於SharePoint 2013的論壇解決方案[開源]

SharePoint 2013 學習基礎系列入門教程

SharePoint 2013 圖文開發系列之門教程

SharePoint Designer 學習系列入門教程

特：若是有SharePoint項目，歡迎郵件聯繫我