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项目，欢迎邮件联系我