easyUI-combobox select 다단계 연동 실현

easyUI-combobox select 2단계 연동 실현

    /**
     *            id        ;
     * 
     * @param request
     * @return
     */
    @RequestMapping("/log/web/getCustomerByParentID.htm")
    @ResponseBody
    public String getCustomerByParentID(HttpServletRequest request) {
        String parentIDStr = request.getParameter("parentID");
        int parentID;
        try {
            parentID = Integer.valueOf(parentIDStr);
            List cusList = customerService.findByParentID(parentID);
            String returnJson = JSON.toJSONString(cusList);
            return returnJson;
        } catch (Exception e) {
            Map returnMap = new HashMap();
            returnMap.put("code", "1");
            returnMap.put("msg", "       ,      ");
            String returnJson = JSON.toJSONString(returnMap);
            return returnJson;
        }

    }

    "agency": false,
    "classes": 1,
    "id": 2,
    "name": "    (  )  ",
    "parentID": 1,
    "path": "/1/2/"
}, {
    "agency": false,
    "classes": 1,
    "id": 3,
    "name": "     ",
    "parentID": 1,
    "path": "/1/3/"
}, {
    "agency": false,
    "classes": 1,
    "id": 4,
    "name": "       ",
    "parentID": 1,
    "path": "/1/4/"
},{
    "agency": false,
    "classes": 1,
    "id": 5,
    "name": "     ",
    "parentID": 1,
    "path": "/1/5/"
},{
    "agency": true,
    "classes": 1,
    "id": 55,
    "name": "      ",
    "parentID": 1,
    "path": "/1/55/"
},  {
    "agency": false,
    "classes": 1,
    "id": 96,
    "name": "  ",
    "parentID": 1,
    "path": "/1/96/"
}]

//${ctx}      
<link rel="stylesheet" type="text/css"
    href="${ctx}/resource/jquery-easyui-1.5.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
    href="${ctx}/resource/jquery-easyui-1.5.3/themes/icon.css" />
<script src="${ctx}/resource/jquery-easyui-1.5.3/jquery.min.js">script>
<script src="${ctx}/resource/jquery-easyui-1.5.3/jquery.easyui.min.js">script>

<div id="firstCustDiv" style="float: left;">
        id="firstCust" class="easyui-combobox form-control"
                style="height: 34px;">
        
div>
<div hidden="hidden" style="float: left;" id="secondCustDiv">
        id="secondCust" class="easyui-combobox form-control"
                style="height: 34px;">
        
div>

<script>
        //       ，          select;
        $(function() {
        //name select id，parendID   select   id，   parendID 1；
            var name= 'firstCust';
            var parendID = '1';
            fistSelectGetOption(name,parendID);
        });
        //    select option   ；
        function fistSelectGetOption(name,parendID){
            $('#'+name).combobox({
                url:"${ctx}/log/web/getCustomerByParentID.htm?parentID="
                    + parendID,
                valueField:'id',
                textField:'name'
                });
        }
        //  select  ;
        $("#firstCust").combobox({  
            onChange: function () {  
            var newPtion = $("#firstCust").combobox('getValue')  
            $("#selectValue").val(newPtion);
            fistSelectGetOption('secondCust',newPtion);
            $("#secondCustDiv").show();
            /* $("#thirdCustDiv").hide(); */
            }  
        })  
    script>