EasyUI combobox 三級聯動

本文轉載自查看原文 2017-07-05 13:34 2360 Jquery EasyUI

<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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 通過數據庫和EasyUI的combobox級聯實現省市區三級聯動 Easyui表單之下拉列表的三級聯動 easyUI下拉列表三級聯動 ExtJS ComboBox之 2級聯動 angularjs三級聯動 vuejs 三級聯動 webForm（三）——三級聯動 easyui+ef實現省市區三級聯動三級聯動回顯 angularjs select 三級聯動