加入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返回的数据格式:
EXT 多选
最新推荐文章于 2021-01-07 09:07:17 发布