easyUI combobox 从后台取数据显示（明确前后的需求）

叁歲伎倆 2021-11-17 11:50 449阅读 0赞

在解决这个问题之前，我们需要先明确两个问题？

1.首先明确，定义在data-options（combobox中属性）中我们的"textFiled"和"valueFiled"需要从后台得到什么样的值？

2.在明确得到什么样的值之后，我们需要去通过怎么样的方式去得到前端需要的值？

在明确这两点之后，我现在来分享一下自己的方式：

1.它要得到的是键值对形式json格式的值：\[\{"catName":"果蔬类","id":2\},\{"catName":"母婴类","id":1\}\]（注意它需要的是这样的，其他什么样的都不行）。

2.在知道这点之后我是通过JSONArray.toJSONString(集合);的方式直接返回的。

接下来分享一下代码：

其中input的各个参数解释：

type：text id : 自定义 name: 自定义 class: 一定要写easyui-combobox （重要）  
data-options=” eaitable(是否可以编辑？)  
valueField: 数据的键key（重要 ）  
textField:数据的值value（重要）  
url:(请求后台的地址）（重要）  
prompt：(提示信息)”  
required:（校验）

servlet层:

private String getCombobox(HttpServletRequest req) {
            Connection conn = DButil.getConnection();
            String result = "";
            try {
                List<Category> getComboboxs = OtherDAO.getCombobox(conn);
                result = JSONArray.toJSONString(getComboboxs);
    //            JSONObject json = new JSONObject();
    //            json.put("getComboboxs",getComboboxs);
    //            result = json.toString();
            } catch (SQLException e) {
                result = "{\"success\":false,\"msg\":\"获取操作执行错误，请联系开发商\"}";
                e.printStackTrace();
            }
            DButil.closeConnection(conn);
            return result;
        }

结果：![20190730202731890.png][]

总结：这虽然只是我觉得最重要的学习不是解决了这个问题是有多重要，而是能够学到解决问题的方式，只有对症下药才能够有真正意义上对我们成长的收获。

[20190730202731890.png]: /images/20211116/e0b2ca9c11aa456d9a7a3f5c16c2b124.png