在sharepoint 2010创建级联下拉菜单

SPServices是一个jQuery库，它提取SharePoint Web服务，并使其更容易使用。它可以使用不同的Web服务操作提供更有用且很酷的功能。它完全安装在客户端,不需要服务器。

用SPServices建立级联菜单十分简单，只需在同一个网站下建立一个级联关系库，再添加对应脚本即可。

我们要创建如下图级联下拉菜单

首先我们得建一个库，来确定两级菜单间的关系，像这样：

接着，如图所示在正式的库里创建Catalogue字段（一级菜单）和SubCatalogue字段（二级菜单）

最后添加代码，当然在这之前你需要添加SPService库和jQuery库。

  $().SPServices.SPCascadeDropdowns({
    relationshipList: "SMDSubDrop",
    relationshipListParentColumn: "way",
    relationshipListChildColumn: "subWay",
    parentColumn: "Catalogue",
    childColumn: "SubCatalogue",
    debug: true
 });

     relationshipList是关系列表库的名字

  　relationshipListParentColumn和relationshipListChildColumn是关系列表库的列名

     parentColumn和childColumn是工作单列表库的列名。

关于SPServices中SPCascadeDropdowns详细的用法，请参考URL

时间： 2024-10-25 13:52:17

在sharepoint 2010创建级联下拉菜单的相关文章

ajax实现级联下拉菜单

ajax实现级联下拉菜单非常简单,下面是一个用ajax实现的省市级联的下拉菜单: jsp中在<select>中添加onchange事件,触发该事件调用实现ajax的js: <div> <form action="Pcs" method="post"> 所在省:<select name="pro" id="pro" onchange="chCity();"> &

在写程序的时候,经常需要用到全国省份城市级联下拉菜单的js代码. 这样的程序,没有必要完全自己去写,太费时间. 下面是我收藏的一个优质代码,非常不错,分享给大家. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

新浪微博客户端(6)-创建首页下拉菜单

创建首页下拉菜单,本节先完成下拉菜单界面的创建,下节再微调其位置. DJDropdownMenu.h #import <UIKit/UIKit.h> @interface DJDropdownMenu : UIView /** 构造方法 */ + (instancetype)menu; /** 显示 */ - (void)show; /** 消失 */ - (void)dismiss; @property (nonatomic,weak) UIView *contentView; @prope

级联下拉菜单

级联下拉菜单需要引入jQuery 级联下拉菜单JS-casdrop.js: var div_cascade; //数据格式示例 /* [ {"id":1,"name":"数码","pid":0}, {"id":2,"name":"手机","pid":1}, {"id":3,"name":"笔记本&

jQuery动态创建二级下拉菜单

创建网站的时候常常需要用到下拉菜单,每次都要自己写,总觉得太麻烦了,于是就写了一个动态生成下拉菜单的函数,并为其添加了相应的功能样式和视觉样式.在使用的时候,只需要定义好各级菜单的内容以及首级菜单的链接并调用dropMenu函数就可以使用了,如果需要,还可以自己添加一些富有特色的视觉样式. 1. 在HTML中添加如下代码: 1 <nav class="drop_menu"> 2 <ul></ul> 3 </nav> 并引入相应的css和j

yii实现级联下拉菜单的方法

1.模版中加入如下代码: ? 1 2 3 4 5 6 7 8 <?php echo $form->dropDownList($model, 'src_type_id', OrderSrc::options(), array( <span style="white-space:pre"> </span>'id' => 'task-order-src-id', )); echo $form->dropDownList($model,

创建 CSS3 下拉菜单

1. [图片] 菜单效果 2. [代码]menu.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><hea

InfoPath与SharePoint之（三）在InfoPath中实现联动下拉菜单

在InfoPath中实现联动的下拉菜单是一种比较常见的需求.这里通过演示如何选择省份和城市,讲解一下如何实现联动下拉菜单. 首先在上一篇博客里建的Area List,再加一个City的column,类型就是Single Line of Text. 在上一篇的博客中创建的下拉菜单旁边,再添加一个,用来显示城市.这个时候两个下拉菜单是没有关联的,而且显示的都是全部的item. 为了方便区分,去把两个Drop-Down List改了名词,分别是Province 和City. 首先我们要去除掉省份的重复

CSS 下拉菜单

使用 CSS 可以创建一个鼠标移入后显示下拉菜单的效果. 1.下拉菜单的实现当鼠标移入指定元素时,显示下拉菜单.代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>简单的下拉菜单</title> 6 <style> 7 .dropdown{ 8 position:relative; 9 display: