关于easyUI的conbobox向后台请求数据并且返回的问题解决

原创于 2019-04-04 17:48:39 发布 · 443 阅读

CC 4.0 BY-SA版权

本文介绍如何使用easyUI的comboBox组件从后端获取数据并填充到下拉框中。通过示例代码展示了前端与后端交互的过程，包括请求路径、数据字段设置及加载成功的回调处理。

近期用easyUI写后台功能，有一个下拉框需要向后台请求数据并将请求到的数据返回到下拉框里面，整了半天终于出来了，不是太好，有bug悄悄说！！
前台代码

<label style="display: inline-block">年龄层: <easyui:comboBox name="ageCompositionId"/></label>
<script>
    $(function () {
        $("#ageCompositionId").combobox({
            url:'/user/report/get_age',
            valueField : 'ageCompositionId',
            textField : 'cms_dict_name',
            onLoadSuccess:function () {
                let data = $("#ageCompositionId").combobox('getData');
                if(data.length > 0){
                    $("#ageCompositionId").combobox('select', data.ageCompositionId);
                }
            }
        });
    });
    </script>

后台代码正常返回就行了

 @RequestMapping(value = "/get_age")
    @ResponseBody
    public List<Map<String,Object>> getAgeComposition(){
        List<Map<String,Object>> list = reportService.ageComposition();
        return list;
    }