加入script文件和css文件 <!-- 多选JS --> <script type="text/javascript" src="js/ext/examples/multiselect/DDView.js"></script> <script type="text/javascript" src="js/ext/examples/multiselect/MultiSelect.js"></script> <script type="text/javascript" src="js/ext/examples/multiselect/ItemSelector.js"></script> <link rel="stylesheet" type="text/css" href="js/ext/examples/multiselect/multiselect.css" /> //角色列表: 添加用户窗体中有角色选择,需要从数据库中获取。 var role_store = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({url:'tree/modules/user_role.php'}), reader: new Ext.data.ArrayReader({}, [ {name: 'value'}, {name: 'text'} ]) }); role_store.load(); 在formPanel中添加的表单项: { xtype: 'multiselect', id: 'userright', fieldLabel: '权限选择', name: 'user_role', //dataFields: ["value", "text"], bodyStyle: 'padding:10px;', valueField: "value", blankText: '请选择用户权限', displayField: "text", width: 190, height: 140, allowBlank: false, store: role_store, mode: 'remote', tbar:[{ text: "重选", handler:function(){ addPersonForm.getForm().findField("user_right").reset(); } }] }role_store返回的数据格式:
相关资源:ExtJS日期多选组件源码