关于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');