zoukankan      html  css  js  c++  java
  • 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来获取数据,重新加载。

     
    三、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 
    
         }); 
    
     }); 
    
    				
    

      

     
  • 相关阅读:
    周总结5
    《梦段代码》阅读笔记01
    NABCD
    结对开发(四则运算)
    《人月神话》阅读笔记03
    周总结4
    移动端疫情显示
    周总结3
    《人月神话》阅读笔记02
    软件工程第四周作业
  • 原文地址:https://www.cnblogs.com/059212315/p/5103648.html
Copyright © 2011-2022 走看看