easyUI框架下使用下拉框的级联查询

在使用easyui框架中，我们需要用到一个涉及很多表的的级联查询，传统的做法是，先通过ajax拿到选中的id去数据库查询相应的list数据，然后再ajax的success方法中appendTo到下一个下拉框中，但这次我们使用easyUI，其实原理都是相同的，只是easyUI有它自己的格式和写法，下面说下我的写法

首先是我级联查询出来的效果图

前台的js代码，使用easyUI的格式，通过url在后台查询出相应的list数据，转为json格式

 $('#agent').combobox({   
                    url:'login/agentList.action',  
                    editable:false, //不可编辑状态  
                    cache: false,  
                   // panelHeight: 'auto',//自动高度适合  
                    valueField:'agentId',     
                    textField:'agentName',  
                      
        onHidePanel: function(){  
                
                var province = $('#agent').combobox('getValue'); 
                if(province!=''){  
                $.ajax({  
                    type: "POST",  
                    url: "login/areaList.action?id="+province,  
                    cache: false,  
                    dataType : "json",  
                    success: function(data){  
                    $("#area").combobox("loadData",data);  
                                           }  
                                       });    
                               }  
                         }   
                     });

在onHidePanel中，获取所选中的代理商的id，通过url传给后台进行查询，查询结果就是data，后面接下面的js

$('#area').combobox({   
                    url:'login/productList.action',  
                    editable:false, //不可编辑状态  
                    cache: false,  
                   // panelHeight: 'auto',//自动高度适合  
                    valueField:'areaId',     
                    textField:'areaName',  
                     });

以上两段js就是通过easyUI进行两张表的级联查询，以此类推，我自己是做的9张表的级联，没有问题