ComboBox 组合框

我个人理解的就是<select></select>下拉列表框的功能，不过这里支持搜索功能

用法：

html部分：<input   name="pro_id"       id="bind_prods"       class="easyui-combobox"/>

<script type="text/javascript">

  $('#bind_prods').combobox({
    mode:'remote',            （如果想支持搜索功能，必须加次特性，传过去的变量名称为“q”，接受如$_GET['q']）   ,sql语句加条件：" where position like '%" . $data['q'] . "%'"
    url:'basic/bind_channel.php?a=get_tree_products_bind',                   （请求数据来源）
    valueField:'id',
    textField:'name',
    method:'get',
    multiple:true,              （支持多选，默认不支持）   

    separator:' '     （默认是逗号）

});

$('#bind_prods').combobox('setValues', ['001','002']);   //如果编辑进来显示已经选中的值

</script>

注意：1、url请求返回的数据类型必须是json格式，如：[{   "id":1,  "text":"text1"  },{ "id":2,  "test":"text2"  }]

方法：

options()：返回选择对象

getData():返回加载的数据

loadData(data):加载列表数据

reload(url):重新加载远程数据列表

setValues(values):设置combobox的值数组

setValue(value):设置combobox的值

clear():清空combobox的值

select(value):选中指定的值

unselect(value):取消指定的值

事件：

onSelect：当用户选择一个列表项时触发。（参数：record）

onLoadSuccess：当远程数据加载成功时触发。

onLoadError：当远程数据加载失败时触发。

onUnselect：当用户取消选择一个列表项时触发。（参数：record）

例如：

   $('#set_channeltype_id').combobox({
          mode:'remote',
          url:'union/add_cps_channel.php?a=get_channeltype',
          valueField:'id',
          textField:'type_name',
          method:'get',
         onSelect:function(record){
             var peo = $('#bind_prod_type').combobox('getValue');           （获取value值用$('#bind_prod_type').combobox('getValue');  获取text值用getText）
            if(peo==0){
                 $('.showbind').css('display','none');
            }
           else{
                 $('.showbind').css('display','');
           }
       }    
    });