easyUi 省市区联查

墨蓝 2022-05-25 11:57 227阅读 0赞

$(function () \{  
    $("\#tseProvinceId").combobox(\{  
        url:ctx+'/AcquisitionArea/chinaCityService',  
        valueField:'pid',  
        textField:'pname',  
        filter: function(q, row)\{  
            var opts = $(this).combobox('options');  
            return row\[opts.textField\].indexOf(q) >= 0;  
        \},  
        onSelect:function(rec)\{  
            $('\#tseCityId').combobox(\{  
                url:ctx+'/AcquisitionArea/chinaCityServiceByCity?id='+rec.pid,  
                valueField:'cid',  
                textField:'cname',  
                filter: function(q, row)\{  
                    var opts = $(this).combobox('options');  
                    return row\[opts.textField\].indexOf(q) >= 0;  
                \},  
            \});  
        \}  
    \});  
  
  
    $("\#tseCityId").combobox(\{  
        url:ctx+'/AcquisitionArea/chinaCityServiceByCity?id=',  
        valueField:'cid',  
        textField:'cname',  
        filter: function(q, row)\{  
            var opts = $(this).combobox('options');  
            return row\[opts.textField\].indexOf(q) >= 0;  
        \},  
        onSelect:function(rec)\{  
            $('\#tseCountyId').combobox(\{  
                url:ctx+'/AcquisitionArea/chinaCityServiceByCountTy?id='+rec.cid,  
                valueField:'oid',  
                textField:'oname',  
                filter: function(q, row)\{  
                    var opts = $(this).combobox('options');  
                    return row\[opts.textField\].indexOf(q) >= 0;  
                \},  
            \});  
        \}  
    \});  
    $("\#tseCountyId").combobox(\{  
        url:ctx+'/AcquisitionArea/chinaCityServiceByCountTy?id=',  
        valueField:'oid',  
        textField:'oname',  
        filter: function(q, row)\{  
            var opts = $(this).combobox('options');  
            return row\[opts.textField\].indexOf(q) >= 0;  
        \},  
    \});