EXT 多选

xiaoxiao2022-06-14  36

加入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日期多选组件源码
转载请注明原文地址: https://www.6miu.com/read-4936601.html

最新回复(0)