SharePoint:扩展DVWP - 第21部分:实现可维护的三级联动下拉框
上一次,我们通过几个简单的步骤实现了级联下拉框——一个下拉框可以过滤另一个的可选项。
但是,如果我们有三个下拉框需要做级联该怎么做呢?比如,国家-省-市。或者工作地点-组-职位。
接下来的步骤相对于前面介绍的步骤来说有点重复:
1、创建一个查阅项列表并填充数据
2、创建一个网站栏,类型为查阅项,信息来源指向该列表
3、创建一个关系列表,用于存放新的第三级项和第二级项的对应关系。
4、填充关系列表数据
5、在我们工作的列表中添加新创建的网站栏
6、通过jQuery完成第二级和第三级项的级联
实例——地质数据
下面是一个在DVWP中实现的三级级联的例子:
第三级和第二级级联的jQuery脚本和第一级和第二级级联的脚本很类似:
<script src="/_layouts/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/_layouts/Scripts/jquery.SPServices-0.5.6.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">$(document).ready(function() {$().SPServices.SPCascadeDropdowns({relationshipWebURL: "/",relationshipList: "代纪关系", relationshipListParentColumn: "Dai", relationshipListChildColumn: "Ji", relationshipListSortColumn: "Ji", parentColumn: "代",childColumn: "纪",promptText: "(无)"});$().SPServices.SPCascadeDropdowns({relationshipWebURL: "/", relationshipList: "纪统关系", relationshipListParentColumn: "Ji", relationshipListChildColumn: "Tong", relationshipListSortColumn: "Tong", parentColumn: "纪",childColumn: "统",promptText: "(无)"});})
</script>
这里需要注意的还是在创建网站栏和关系列表时,中文名称的命名一定要先起一个不含空格的字母组成的名字,然后再修改成中文的显示名称。以保证内部名称的单纯性。
代码的运行效果和设想的一样!
而且,更加人性化的地方是,对于一个子项对应多个父项的情况,如果父变了,而之前选中的子项对当前的父仍然有效的话,该子项值还会保持选中状态。不管是在二三级之间,还是在一二级之间都是如此。当然,对于上面的地层来说,不可能出现交插的情况。但如果是“工作地点-分组-职位”的话就完全有可能出现这种情况了。不同的工作地点下可能存在同一个组,或者不同的组中可能存在同一个职位。此时,父发生变化,只要子还是对于新的父项有效,则其值仍然会保持选中状态。而不是像一般情况那样被清空。
下一次:现在我们已经在查阅项字段中填充了初始数据,并且创建了关系列表,如果关系列表能够实现列表项标题的“自命名”就好了。接下来的扩展DVWP系列中我们将通过一小段jQuery来实现该功能。
参考资料
SharePoint:Extending the DVWP - Part 21:Cascading Dropdowns - Three-tier Cascade
转载于:https://www.cnblogs.com/Sunmoonfire/archive/2010/09/11/1823836.html
SharePoint:扩展DVWP - 第21部分:实现可维护的三级联动下拉框相关推荐
- SharePoint:扩展DVWP - 第15部分:通过网站栏实现可维护的下拉框
本文的内容对于管理员来说都是些基础的SharePoint操作 ,目的是为接下来的DVWP扩展作准备.有经验的读者请略过. 为什么用网站栏实现下拉框? 网站栏可以用在多个地方.当使用查阅项类型的网站栏连 ...
- SharePoint列表下拉框优化
由于SharePoint列表的下拉框不能搜索, 客户使用体验非常不好,花了一天时间封装了JS代码,实际效果图如下 (在SharePoint列表上面自动生成文本框,类似百度形式搜索下拉框内容,选择之后下 ...
- layUI数据表格可编辑扩展下拉框
单元格内容使用layui的 templet 功能.如: {field:'jtcyGxmc', title: '关系名称',templet: '#selectGxmc',sort:false} 代码: ...
- SharePoint:扩展DVWP - 第34部分:使用图标形式的表单操作链接
上一次,我们对我们的DVWP的外观进行了最后的加工,实现了下图中 1-5 的部分.这一次,我们将继续完成剩下的6 和 7 ,来为其添加一个图标. 在本系列中间的部分,Greg Schaefer提了一个 ...
- SharePoint:扩展DVWP - 第8部分:挂接了工作流列表表单操作
上一次我们讨论了在挂接工作流之前列表表单操作链接的组成形式.在本文中,让我们看一下在创建好工作流后发生了哪些变化. 继续上一次未完成的操作,创建一个简单的工作流,其中要用到所有的表单字段.(具体做什么 ...
- 自适应分辨率可扩展二层JS下拉菜单
1. S下拉菜单原理 下拉菜单实际上就是在开始的时候显示一级或者说是主菜单(图一).当触发条件(例如:鼠标移动到上面时)显示次级菜单(图二). 图一 图二 那么如何实现这样的效果呢.其实很简单.所有的 ...
- 创建与SharePoint 2010风格一致的下拉菜单 (续) 整合Feature Custom Action框架
在上一篇"创建与SharePoint 2010风格一致的下拉菜单"文章中,演示了如何添加一个额外的菜单到页面顶端,并使其的样式风格与SharePoint 2010内置的菜单保持一致 ...
- 自定义可扩展叠加头部的下拉控件
最近写了个下拉控件,和几个下拉的头部样式,下拉控件可以连续添加叠加几个头部视图 下面是没有添加任何头部尾部的视图下拉效果 一步一步来介绍,先介绍这个下拉效果,在介绍自定义的头部 首先在使用上,和普通的 ...
- 【21】面向流水线的指令设计(下):奔腾4是怎么失败的?
[计算机组成原理]学习笔记--总目录 [21]面向流水线的指令设计(下):奔腾4是怎么失败的? 引言 一.重要知识点 1.CPU及计算机整机性能衡量标准[SPEC跑分程序]: 2.大家判断CPU性能的 ...
最新文章
- android 锁屏画面开发,android 锁屏应用开发
- VC#版DirectX开发入门详解
- MVC Razor 语法(转)
- 【MPI学习3】MPI并行程序设计模式:不同通信模式MPI并行程序的设计
- android数据截取字符串数组,android - 从Android Studio中的字符串数组获取特定字符串 - SO中文参考 - www.soinside.com...
- DOS下常用网络相关命令解释(华为培训资料)
- Python画汉诺塔
- python 提取代码中的所有汉字
- 15个简单的JS编码标准让你的代码更整洁
- 核心参数相近 功能表现不同 联发科MT8389与全志A31s多方位PK
- MySQL数据库系统基础_wuli大世界_新浪博客
- git添加文件到版本库中
- 第五章——大数定律和中心极限定理
- Adobe新漏洞 金山清理专家急推专补工具
- ClickHouse调优(一)基本调优
- 互联网摸鱼日报(2023-03-03)
- 听说,南方人和北方人又双叒叕吵起来了
- “后 Hadoop 时代”,大数据从业者如何应对新技术趋势带来的挑战?
- 十二 个经典 Linux 进程管理命令介绍
- case、循环语句(while、for、until)
热门文章
- Adobe Acrobat Reader 快捷键
- gscatter in matlab Scatter plot by group machine learning and statics tool box required
- try not do unnecessary subscriptions
- professor xi‘s story
- XJTLU Outstanding Student for 2017-2018!
- 根据皮肤亮度来区分salmon和sea bass,这个比较好
- Disruptor-net
- U3D屏幕坐标,世界坐标,像素坐标之间的关系
- Flutter 下拉刷新花式玩法
- Linux 上扩展swap分区