首页 > web前端 > js教程 > 正文

使用jQuery实现dropdownlist的联动效果(sharepoint 2007)_jquery

php中文网
发布: 2016-05-16 18:09:00
原创
1404人浏览过

使用场景,比如,选中某个省份,然后下级列表中会显示对应的城市。

1.使用Jquery-1.4.2.js和jquery.SPServices-0.5.7.js。

2.创建主表和子表,建立对应关系。

3.在List的NewItem或者EditItem page中添加Content Editor Webpart,然后在其中添加脚本代码。

4.实现,

dropdownObj控件:

动态云登录界面
动态云登录界面

CSS3+jQuery实现的动态云登录界面,采用的HTML5技术哦,白云飘飘的登录界面效果,逼真的白云特效是使用CSS3实现的,当然了,jQuery也起到了重要作用,不过在传统的HTML中,是无法做到的,期盼HTML早日全面兼容,现在的IE8真让人窝心啊~想研究HTML5技术的,赶快下载特效吧。

动态云登录界面 240
查看详情 动态云登录界面

cascadeDropdownObj控件(该控件是通过脚本附加的):

该方法是通过传入参数,来返回对于字表的记录

复制代码 代码如下:

function GetSubDropdown(parameterVal){
cascadeDropdownObj.empty();//对下级列表进行清空初始
cascadeDropdownObj.append("");//添加一个(None)值
var camlQuery = " \
\
\
\
"+parameterVal+" \
\
\
";
$().SPServices({
operation: "GetListItems",
async: false,
listName: "CascadeSub",
CAMLQuery: camlQuery,
completefunc: function (xData, Status) {
$(xData.responseXML).find("[nodeName=z:row]").each(function() {
var subDropdownVal = $(this).attr("ows_SubDropdownVal");//获取字表对应的值
//binding subDropdown
cascadeDropdownObj.append("");
});
}
});
}
//cascading 'Dropdown'
dropdownObj.change(function(){
var dropdownSelectTextObj = $("select[title$='Dropdown'] option:selected");//获取当前选中值
switch(dropdownSelectTextObj.text()){
case "L1":
GetSubDropdown("L1");
break;
case "L2":
GetSubDropdown("L2");
break;
case "PL1":
GetSubDropdown("PL1");
break;
default: //表示选中(None)值之后,对下级列表进行清空初始
cascadeDropdownObj.empty();
cascadeDropdownObj.append("");
break;
}
});
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号