EasyUI的combobox使用

最新推荐文章于 2021-08-11 17:11:08 发布

allWords

最新推荐文章于 2021-08-11 17:11:08 发布

阅读量439

点赞数 1

分类专栏： java开发文章标签： EasyUI的combobox可以看到选 easyui的combobox combobox 多个级联的combobox

本文链接：https://blog.csdn.net/allWords/article/details/74901802

版权

java开发专栏收录该内容

24 篇文章 0 订阅

订阅专栏

截图如下：

代码如下：

这段代码是添加和修改用的，用input是为了能用验证

 <tr>
                <td width="60" align="right" label="province"></td>
                <td>
                    <input id="provinceG" name="province" class="easyui-validatebox" editable="false" data-options="required:true"/>
                </td>
            </tr>
            <tr>
                <td width="60" align="right" label="city"></td>
                <td>
                    <input id="cityG" name="city" class="easyui-validatebox" editable="false" data-options="required:true"/>
                </td>
            </tr>
            <tr>
                <td width="60" align="right" label="town"></td>
                <td>
                    <input id="townG" name="town" class="easyui-validatebox" editable="false" data-options="required:true"/>
                </td>
            </tr>
            <tr>
                <td width="60" align="right" label="country"></td>
                <td>
                    <input id="countryG" name="country" class="easyui-validatebox" editable="false" data-options="required:true"/>
                </td>
            </tr>

script中

valueField:'id', textField:'name',属性写错有可能不显示返回值

onSelect:function(rec){
         $("#cityG").combobox("reload",projectGP('/system/area/getCity?pid='+rec.id));
     },

若把pid='+rec.id写成pid='+recond.id有可能只能看到选项但是不能选择

写的时候注意不要写错了

$("#provinceG").combobox({
        url : projectGP('/system/area/getProvince'),
        valueField:'id',
        method :'GET',
        textField:'name',
        onSelect:function(rec){
            $("#cityG").combobox("reload",projectGP('/system/area/getCity?pid='+rec.id));
        },
        onChange:function(){
            $("#cityG").combobox("clear");
        }
    });
    $("#cityG").combobox({
        valueField:'id',
        method :'GET',
        textField:'name',
        onSelect:function(rec){
               $("#townG").combobox("reload",projectGP('/system/area/getTown?cid='+rec.id));
        },
        onChange:function(){
            $("#townG").combobox("clear");
        }
    });
    $("#townG").combobox({
        valueField:'id',
        method :'GET',
        textField:'aname',
        onSelect:function(rec){
               $("#countryG").combobox("reload",projectGP('/system/area/getCounty?sid='+rec.id));
        },
        onChange:function(){
            $("#countryG").combobox("clear");
        }
    });
    $("#countryG").combobox({
        valueField:'id',
        method :'GET',
        textField:'aname',
    });