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

　　SharePoint列表使用中，經常會用到下拉框，而有些特殊的需求，會用到聯動的下拉框，在SharePoint中默認沒有這樣的字段，所以如果實現，我們需要自己想辦法。

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

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

　　2、列表CityList的所有欄，我把Title字段的名稱改為了City Name，如下圖：

　　3、創建基礎列表AreaList，用於保存所有區和關聯的城市，如下圖：

　　4、列表AreaList的所有欄，這里Title是區的名稱，CityName是查閱項，關聯自城市列表，如下圖：

　　5、欄CityName的詳細屬性，如下圖：

　　6、創建我們用來展示的列表，City一欄來自CityList，類型查閱項；Area一欄來自AreaList，類型查閱項；默認創建新項目，添加City的截圖如下：

　　7、默認新建項目，Area欄效果如圖，會顯示出欄Area所有的內容：

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

<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>

　　9、再次打開新建項目頁面，發現和一開始不一樣了，這里Area欄只是None，如下圖：

　　10、在欄City里選中北京，如下圖：

　　11、查看Area欄的內容，只是北京的幾個區，不再是所有區了，說明我們的腳本生效了，如下圖：

　　12、當我們選中重慶的時候，因為測試數據中沒有為重慶添加區，所以顯示為None，如下圖：

　　13、查看我寫的JS腳本，這是引用的所有腳本；我的這一聯動查閱項，就是基於這個腳本和JQuery庫實現的，如下圖：

總 結

　　當我想到聯動下拉框，首先想到就是JQuery實現，在SharePoint中，很多前台的應用，使用JQuery都非常方便，當然，腳本我會附加下載地址，有興趣的可以拿去使用。

　　在寫腳本的時候，我盡量封裝成類庫，前台調用即可，有特殊需要的下載后自己修改吧。

附 腳本文件下載地址

　　http://download.csdn.net/detail/linyustar/7562499