EXT 多选

查看更多精彩图片

加入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返回的数据格式:
查看更多精彩图片

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值