威势网络,为您的企业和团队注入互联网活力!
服务热线:138-9741-0341

Easyui easyui-combobox 下拉菜单旁边加一按钮,并触发事件

发布日期:2022/10/17 作者: 浏览:989

    官网只给了追加按钮的demo,但是没有找到怎么样给按键触发事件,只能手动写了。


    <li>
        <input id="_RoleClaims" name="_RoleClaims" class="easyui-combobox" data-options="valueField: 'value',textField: 'text', buttonText:'角色声明',
            data: [
                {text: 'name',value: 'name'},
                {text: 'given_name',value: 'given_name'},
                {text: 'family_name',value: 'family_name'},
                {text: 'middle_name',value: 'middle_name'},
                {text: 'nickname',value: 'nickname'},
                {text: 'preferred_username',value: 'preferred_username'},
                {text: 'profile',value: 'profile'},
                {text: 'picture',value: 'picture'},
                {text: 'website',value: 'website'},
                {text: 'gender',value: 'gender'},
                {text: 'birthdate',value: 'birthdate'},
                {text: 'zoneinfo',value: 'zoneinfo'},
                {text: 'locale',value: 'locale'},
                {text: 'address',value: 'address'},
                {text: 'updated_at',value: 'updated_at'}
            ],
            value:[],
            multiple:true,
            panelHeight:'auto',
            label: '角色声明',
            labelPosition: 'top'"  style="width:100%;height:auto;"/>
    </li>


buttonText:'角色声明',  有了这一句以的就可以给下拉旁边加一按钮了,如下图所示

展开以后效果如下:

然后怎么给它追加一点击事件,官网好像没有给出API,也可能是我没找到,只能自己追加一个

        //角色声明按钮提交
        $("#_RoleClaims").next("span").on("click","a span span",function(){
            var _Claims = $('#_RoleClaims').combobox('getValues');
            var Claims = [];
            for (var i = 0; i < _Claims.length; i++) {
                var Name = {};
                Name = _Roles[i];
                Claims.push(Name);
            }
           
            $.post('/Role/EditRoleClaims', { RoleId: $("#Id").textbox('getValue'),Name:Roles }, function (result) {
                        //result = eval('(' + result + ')');
                            $.messager.alert('修改角色属性', result.msg, 'info');
                    }, 'json');
        });


下拉加载更多评论
最新评论
暂无!