easyui combobox级联
类别:Web前端 浏览量:3224
时间:2015-1-18 easyui combobox级联
easyui combobox级联一、创建combobox
有如下几种方式可以创建一个combobox
1、使用select标签,并加上class="easyui-combobox",这种方式比较适用于静态的选项。
2、使用input标签,并加上class="easyui-combobox",后面跟上data-options,可以用local或是remote方式加载数据。
3、使用js方式,和2基本相同,只是把combobox一些属性的设置分离到了js中。
二、easyui使用combobox实现级联的两种方式
1.将所有的数据通过json传传到客户端,在js中保存对象。然后通过筛选数据然后重新绑定其他几个combobox
2. 通过ajax来获取数据,重新加载。
$(function(){
var province = $('#province').combobox({
valueField:'areaid',
textField:'name',
editable:false,
url:'dateUrl', --需要异步获取数据的URL
onSelect:function(params){
$.get('dateUrl',{parentid:params.areaid},function(data){
city.combobox("clear").combobox('loadData',data);
county.combobox("clear")
},'json');
}
});
var city = $('#city').combobox({
valueField:'areaid',
textField:'name',
editable:false,
onSelect:function(params){
$.get('dateUrl',{parentid:params.areaid},function(data){
county.combobox("clear").combobox('loadData',data);
},'json');
}
});
var county = $('#county').combobox({
valueField:'areaid',
textField:'name',
editable:false
});
});
标签:easyui
您可能感兴趣
- easyui messager的用法
- EasyUI DataGird动态生成列
- easyui中使用编辑器在IE下有时无法获取焦点
- easyui layout 折叠后显示标题
- easyUI DataGrid 显示可排序的列
- easyui combobox级联
- easyui layout 自适应
- easyui combogrid分页
- EasyUI DateBox设置默认值
- easyui datebox的用法
- 菲律宾特产(菲律宾特产最值得买回国)
- 越南特产(越南特产首饰)
- TVB负评王连续挑战警察角色《使徒行者3》中将饰演卧底(TVB负评王连续挑战警察角色使徒行者3中将饰演卧底)
- 《精英律师》剧照首曝光,实力演员飙戏,演绎律政职场百态(精英律师剧照首曝光)
- 靳东领衔打造高精职场 新丽出品《精英律师》曝定妆照(靳东领衔打造高精职场)
- 靳东新剧《精英律师》定档,众星云集,这剧可追(靳东新剧精英律师定档)
热门推荐
- javascript和jquery的区别详解(JavaScript与JQuery框架基础入门教程)
- 阿里云怎么开启tomcat权限(腾讯云服务器tomcat端口无法访问的解决方法)
- 如何让API接口更安全
- 个人组建云服务器(个人云服务器搭建图文教程)
- dedecms 数据转移(dedecms5.7 通过替换文件升级后 所有档案列表为空的解决方法)
- Python实现模拟点击(用python实现刷点击率的示例代码)
- 无法启动sql serveragent(SQL Agent服务无法启动的解决方法)
- SQL Server 2008中的时间数据类型
- mysql定期备份(Mysql5.7定时备份的实现)
- css导航栏字怎么分开设置(纯CSS实现导航栏Tab切换效果)