基於eastui的二級聯動

二級聯動：

這裏以城市爲例，簡單點說，就是先查找出來一個大城市，再根據id查找出二級城市。

直接見代碼：

前端：

頁面：

<input id="cc1" class="easyui-combobox" data-options="valueField: 'id',textField: 'name'" />
    <input id="cc2" class="easyui-combobox" data-options="valueField:'id',textField:'name'" />

js：

$(function () {
    /*城市聯動   record:選中的數據*/
    $("#cc1").combobox({
        url:"/test/city",
        onSelect:function (record) {
            console.info(record);
            $('#cc2').combobox('reload', "/test/mincity?id="+record.id);
        }
    });
})

後端代碼，這裏是模擬數據

    @RequestMapping("/city")
    @ResponseBody
    public List cities(){
        List<Object> list = new ArrayList<>();
        list.add(new City(1L,"成都"));
        list.add(new City(2L,"北京"));
        return  list;
    }
    @RequestMapping("/mincity")
    @ResponseBody
    public List mincity(Long id){
        List<Object> list = new ArrayList<>();
        if(id==1){
            list.add(new City(1L,"遂寧"));
            list.add(new City(2L,"南充"));
        }
        if(id==2){
            list.add(new City(1L,"北京1"));
            list.add(new City(2L,"北京2"));
        }

        return  list;
    }