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 layout 折叠后显示标题
- easyui中使用编辑器在IE下有时无法获取焦点
- EasyUI DateBox设置默认值
- easyui layout 自适应
- easyUI DataGrid 显示可排序的列
- EasyUI DataGird动态生成列
- easyui combobox级联
- easyui datebox的用法
- easyui combogrid分页
- easyui messager的用法
- 阴生环境 耐阴地被植物,你知道哪些(阴生环境耐阴地被植物)
- 常见的喜阴植物有哪些 养室内盆栽就在这里选(常见的喜阴植物有哪些)
- 这8种耐阴植物,营造阴生植物花境,也是一个不错的选择(营造阴生植物花境)
- 览邦G08 Plus SMART WATCH 测评⑱ 全独立这才是智能手表该有的样子(览邦G08PlusSMART)
- 荣耀手表 GS 3 真机亮相 不支持无线充电(荣耀手表GS3)
- 通过体温就能为智能手表充电 原来是用NASA在空间站用的黑科技(通过体温就能为智能手表充电)
热门推荐
- dedecms栏目页更改(dedecms系统列表页调用tag标签同时带上链接)
- python控制流实例(如何用C代码给Python写扩展库Cython)
- php换行乱码(php输出文字乱码的解决方法)
- laravel在中间件内生成参数并且传递到控制器中的2种姿势(laravel在中间件内生成参数并且传递到控制器中的2种姿势)
- thinkphp表单提交不到数据(ThinkPHP5.1表单令牌Token失效问题的解决)
- 微信小程序ui聊天窗口(微信小程序实现简单聊天室)
- docker前端项目(Docker部署Nuxt.js项目的实现)
- nginx反向代理通俗讲解(nginx 反向代理之 proxy_pass的实现)
- 火狐浏览器状态栏的恢复
- docker进入mysql查看路径(Docker 环境运行 Mysql 和开启 Binlog 配置主从同步的设置方法)