Easyui easyui-combobox 下拉菜單旁邊加一按鈕,并觸發(fā)事件
發(fā)布日期:2022/10/17 作者:
瀏覽:1031
官網(wǎng)只給了追加按鈕的demo,但是沒(méi)有找到怎么樣給按鍵觸發(fā)事件,只能手動(dòng)寫(xiě)了。
<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:'角色聲明', 有了這一句以的就可以給下拉旁邊加一按鈕了,如下圖所示
展開(kāi)以后效果如下:
然后怎么給它追加一點(diǎn)擊事件,官網(wǎng)好像沒(méi)有給出API,也可能是我沒(méi)找到,只能自己追加一個(gè)
//角色聲明按鈕提交 $("#_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'); });
下拉加載更多評(píng)論