Easyui easyui-combobox 下拉菜單旁邊加一按鈕，并觸發(fā)事件
發(fā)布日期：2022/10/17 作者：
瀏覽：1090
官網(wǎng)只給了追加按鈕的demo，但是沒有找到怎么樣給按鍵觸發(fā)事件，只能手動寫了。
<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:'角色聲明', 有了這一句以的就可以給下拉旁邊加一按鈕了，如下圖所示
展開以后效果如下：
然后怎么給它追加一點擊事件，官網(wǎng)好像沒有給出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');
});
下拉加載更多評論