EasyUI combobox 三级联动

<script type="text/javascript">

$(function(){
loadqsfCombobox();
});

function loadqsfCombobox(){
    $('#bigArea').combobox({
        url:'/ydmsy/actions/area_base/getDSFData.do?actionId=ydmsy_area_base_getDSFData',    
        prompt : '输入空格或关键字后自动搜索',
        valueField:'bigArea',    
        textField:'bigArea',
        filter: function(q, row){
            var opts = $(this).combobox('options');
            return row[opts.textField].indexOf(q) >-1;
        },
        onSelect:function(rec){
            $("#province").combobox('clear');
            var url = "/ydmsy/actions/area_base/getDSFData.do?actionId=ydmsy_area_base_getDSFData&bigArea=" + rec.bigArea;
            $("#province").combobox('reload', url);
        },
        loadFilter:function(oData){
            var data = oData.data;
            for(var i in data){
                data[i].bigArea = data[i].bigArea;
            }
            //data.unshift({"bigArea":"","bigArea":"请选择"});
            return data;
        }
    });

$('#province').combobox({
        url:'',    
        valueField:'provinceId',    
        textField:'provinceName',
        filter: function(q, row){
            var opts = $(this).combobox('options');
            return row[opts.textField].indexOf(q) >-1;
        },
        onSelect:function(rec){
            $("#distribution").combobox('clear');
            var url = "/ydmsy/actions/area_base/getDSFData.do?actionId=ydmsy_area_base_getDSFData&provinceId=" + rec.provinceId;
            $("#distribution").combobox('reload', url);
        },
        loadFilter:function(oData){
            var data = oData.data;
            //data.unshift({"provinceId":"","provinceName":"请选择"});
            return data;
        }
    });

   $('#distribution').combobox({
                url:'',    
                valueField:'bm',    
                textField:'mc',
                filter: function(q, row){
                    var opts = $(this).combobox('options');
                    return row[opts.textField].indexOf(q) >-1;
                },
                loadFilter:function(oData){
                    var data = oData.data;
                    //data.unshift({"bm":"","mc":"请选择"});
                    return data;
                }
    });
};
</script>
<body>
    <table>

</body>

posted @ 2017-07-05 13:34 ____小菜鸟阅读(2743) 评论(0) 编辑收藏举报

刷新页面返回顶部

______落雪

知道的越多才知道自己不知道的越多(*￣︶￣)

EasyUI combobox 三级联动

公告