关于EasyUI Combobox 组合框 使用策略

本篇解决以两个主要问题

1.如何获取到前台数据源并且显示到组合框内？

2.如何获取到选中的值？

问题一：如何获取到前台数据源并且显示到组合框内？

小编采用的是使用 javascript 创建组合框（combobox），参照官方文档，代码如下：

<input id="batch" name="batch"/>$('#batch').combobox({  width : 255, //定义组合框的宽度  url:'gzreport/getBatch',  method:'POST',  valueField:'id', //绑定到该组合框（ComboBox）的 value 上的基础数据的名称。  textField:'batch', //绑定到该组合框（ComboBox）的 text 上的基础数据的名称。});

这里的id、batch应该和数据源中值得别名对应，相当于一个名字。而数据格式参照官方文档如（json 数据格式的示例）：

[{    "id":1,    "text":"text1"},{    "id":2,    "text":"text2"},{    "id":3,    "text":"text3",    "selected":true},{    "id":4,    "text":"text4"},{    "id":5,    "text":"text5"}]

小编使用java语言，所以返回为一个对象数据类型的list集合。比如一个类。

public class Batch{    private int id;    private String batch;    public int getId() {        return id;    }    public void setId(int id) {        this.id = id;    }    public String getBatch() {        return batch;    }    public void setBatch(String batch) {        this.batch = batch;    }}

存值为：list.add(batch);

问题二：如何获取到选中的值？

return $("#batch").combobox('getText');