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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章