easyui-combobox

easyui-combobox作为下拉列表提供单选和多选;

本文主要侧重多选


                        角色设置:
                                            
                    

multiple:true 为多选

easyui-combobox需要的数据格式为 json{id:name} 列表;

在Java组装需要的数据格式:

@RequestMapping("/queRoleList")
    @ResponseBody
    public Object initRoleList() throws Exception {
        
        List roleList = sysRoleService.getAllSySoleLists();
        
        ArrayList jsonList = new ArrayList();
        
        
        for(int i =0 ; i < roleList.size();i++)
        {
            JSONObject roleData = new JSONObject();
            
            roleData.put("id",roleList.get(i).getRoleId());
            roleData.put("name",roleList.get(i).getRoleName());
            
            jsonList.add(roleData);
        }
       
        return jsonList;
    }


加载显示已有的数据:

roleData 是之前的id 的list:

if(roleData && roleData.length != 0){
                    for(var i=0;i                     {
                        if(roleData[i])
                        {
                            $('#setRole').combobox('select',roleData[i]);
                        }
                    }
                }
                else{$('#setRole').combobox('clear');
                
                }


easyui-combobox重新加载:$('#setRole').combobox('reload');

easyui-combobox清除:$('#setRole').combobox('clear');




你可能感兴趣的:(easyUI)