SP2010通过jQuery实现级联列表

标签：style   blog   http   color   java   使用   io   for   ar   

?

使用SPService的SPCascadeDropdowns来实现。

可以参考http://www.cnblogs.com/Sunmoonfire/archive/2010/09/11/1823678.html来实施。

1. 下载SPService js包，从http://spservices.codeplex.com/获取
2. 下载jQuery js包，从www.jquery.com获取，推荐1.10以上版本
3. 将SPService和jQuery包上传至SharePoint站点的文档库中，比如网站资产库
4. 先验证上传的js包可用，参考http://sympmarc.com/2011/07/08/adding-jqueryspservices-to-a-sharepoint-page-step-one-always/
5. 创建Country和State网站栏，并添加到需使用级联的列表或文档库中
6. 打开列表的NewForm.aspx页面，可以直接在IE中打开，如http://SPServer/List/NewForm.aspx
7. 点击网站操作->编辑页面，添加一个内容编辑器WebPart，点击内容编辑器的内容框后，选择Ribbon上的HTML->编辑HTML源代码
8. 创建需级联的列表，比如Country、State，其中State列表中包含Country的Lookup栏

1. 在弹出的对话框中输入如下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>

1. 新建一个项目，现在应该可以在原生Form中实现级联列表项了。

SP2010通过jQuery实现级联列表

标签：style   blog   http   color   java   使用   io   for   ar   

原文地址：http://www.cnblogs.com/liuyangqing/p/3933648.html