EXT 多选

EXT 多选_第1张图片

加入script文件和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)