SP2010通过jQuery实现级联列表
?
使用SPService的SPCascadeDropdowns来实现。
可以参考http://www.cnblogs.com/Sunmoonfire/archive/2010/09/11/1823678.html来实施。
- 下载SPService js包，从http://spservices.codeplex.com/获取
- 下载jQuery js包，从www.jquery.com获取，推荐1.10以上版本
- 将SPService和jQuery包上传至SharePoint站点的文档库中，比如网站资产库
- 先验证上传的js包可用，参考http://sympmarc.com/2011/07/08/adding-jqueryspservices-to-a-sharepoint-page-step-one-always/
- 创建Country和State网站栏，并添加到需使用级联的列表或文档库中
- 打开列表的NewForm.aspx页面，可以直接在IE中打开，如http://SPServer/List/NewForm.aspx
- 点击网站操作->编辑页面，添加一个内容编辑器WebPart，点击内容编辑器的内容框后，选择Ribbon上的HTML->编辑HTML源代码
- 创建需级联的列表，比如Country、State，其中State列表中包含Country的Lookup栏
- 在弹出的对话框中输入如下js脚本
<script language="javascript" src="/SiteAssets/jquery-1.10.2.js" type="text/javascript"></script>
<script language="javascript" src="/SiteAssets/jquery.SPServices-2014.01.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function()
{
$().SPServices.SPCascadeDropdowns(
{
relationshipWebURL: "/",
relationshipList: "State",
relationshipListParentColumn: "Country",
relationshipListChildColumn: "Title",
parentColumn: "Country",
childColumn: "State",
debug: true
});
});</script>
- 新建一个项目，现在应该可以在原生Form中实现级联列表项了。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
