easyUI combobox json 从后台取数据显示

利用easyUI的combobox从后台取数据显示在下拉框中时,前台可以有两种写法

1、在页面中使用

<select class="easyui-combobox" style="width: 126px;" name="sex"
                            data-options="panelHeight:'auto',valueField:'servicekey',textField:'servicename',url:'dicitionary_data.action?values=SysDSex'" style="width: 126px;">

2、在js中使用

<td><select id="cc2" name="sex" ></select></td>

$('#cc2').combobox({  
//        url:'dicitionary_data.action?values=SysDSex',    
//        valueField:'servicekey',    
//        textField:'servicename',
//        panelHeight:'auto',
//        width:'128px'
//    });

panelHeight:'auto--表示下拉框长度自适应(如果数据量过大,想要显示滚动条的话 ,可以将其设为固定值 比如 200px)

valueField--表示<option>中value的值

textField--表示显示出来看到的数据


后台的action

private JSONArray returnResult;(get.set方法)

public String data(){
        try {
            JsonConfig config = new JsonConfig();
            config.setCycleDetectionStrategy(CycleDetectionStrategy.LENIENT);
            config.registerJsonValueProcessor(Date.class,
                    new JsonDateValueProcessor());
            config.setExcludes(new String[]{"handler","hibernateLazyInitializer"});
            String hql = "FROM " + values;
            System.out.println(hql);
            List<Object> list = dicitionaryService.findAll(hql);
            returnResult = JSONArray.fromObject(list);
            return SUCCESS;
        } catch (Exception e) {
            e.printStackTrace();
            return ERROR;
        }
    }


发布了35 篇原创文章 · 获赞 68 · 访问量 12万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章