首页 > 其他 > 详细

easyui combobox级联(转载)

时间:2016-01-05 21:00:27      阅读:149      评论:0      收藏:0      [点我收藏+]

一、创建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来获取数据,重新加载。

 

 
三、easyui使用combobox实现省市区级联
 
					

 $(function(){ 

     var province = $(‘#province‘).combobox({ 

         valueField:‘areaid‘, 

         textField:‘name‘, 

         editable:false, 

         url:‘dateUrl‘, --需要异步获取数据的URL

         onSelect:function(params){ 
              city.combobox("clear").combobox(‘reload‘);
         } 

     }); 
     

     var city = $(‘#city‘).combobox({ 

         valueField:‘areaid‘, 

         textField:‘name‘, 

         editable:false, 

         onSelect:function(params){ 
             county.combobox("clear").combobox(‘reload‘);
         } 

     }); 

     var county = $(‘#county‘).combobox({ 

         valueField:‘areaid‘, 

         textField:‘name‘, 

         editable:false 

     }); 

 }); 

				

  

 

easyui combobox级联(转载)

原文:http://www.cnblogs.com/059212315/p/5103648.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!