easyui combobox加載遠程url數據

js處代碼,要放在$(function(){})裏面

$('#provinceid').combobox({
                url: provinceList,
                valueField: 'provinceid',
                textField: 'provincename',
         
            }).combobox('selectedIndex', 0);
            //默認選中第一個,不需要的話把最後的.combobox('selectedIndex', 0)去掉

html處

<input type="text" id="provinceid" name="provinceid"   class="easyui-combobox"
                               data-options="required:false"/>

後來可以用list傳(隨你高興)

@RequestMapping("/provinceList")
    @ResponseBody
    public List provinceList(){
        List<ADL_base_province> list= dataService.provinceList();
        return list;
    }

ADL_base_province中兩個參數
provinceid和provincename對應valueField和textField
ps:如果要實現過濾,可以這樣

$('#provinceid').combobox({
                url: provinceList,
                valueField: 'provinceid',
                textField: 'provincename',
                mode:'local',
                filter: function(q, row){        //本地數據進行數據檢索  q是自帶的參數名稱   如果是remote前端是不需要操作後臺自動返回
                    var opts = $(this).combobox('options');
                    return row[opts.textField].indexOf(q)>-1;//將從頭位置匹配改爲任意匹配
                }
            })
發佈了31 篇原創文章 · 獲贊 8 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章