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