首页 > 代码库 > SP2010通过jQuery实现级联列表

SP2010通过jQuery实现级联列表

?

使用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. SPServicejQuery包上传至SharePoint站点的文档库中,比如网站资产库
  4. 先验证上传的js包可用,参考http://sympmarc.com/2011/07/08/adding-jqueryspservices-to-a-sharepoint-page-step-one-always/
  5. 创建CountryState网站栏,并添加到需使用级联的列表或文档库中
  6. 打开列表的NewForm.aspx页面,可以直接在IE中打开,如http://SPServer/List/NewForm.aspx
  7. 点击网站操作->编辑页面,添加一个内容编辑器WebPart,点击内容编辑器的内容框后,选择Ribbon上的HTML->编辑HTML源代码
  8. 创建需级联的列表,比如CountryState,其中State列表中包含CountryLookup

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

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

SP2010通过jQuery实现级联列表