首页 > 代码库 > SP2010通过jQuery实现级联列表
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="http://www.mamicode.com/SiteAssets/jquery-1.10.2.js" type="text/javascript"></script>
<script language="javascript" src="http://www.mamicode.com/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中实现级联列表项了。
SP2010通过jQuery实现级联列表