easyui-menu 解决disableItem不能禁用绑定事件的方法
生活随笔
收集整理的這篇文章主要介紹了
easyui-menu 解决disableItem不能禁用绑定事件的方法
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
版本:1.4.?
menu的disableItem方法不能禁用使用onClick方式綁定的事件。
解決思路如下:
重寫(xiě)disableItem方法和enableItem方法。
/*** menu方法擴(kuò)展* @param {Object} jq* @param {Object} itemEl*/
$.extend($.fn.menu.methods, {/*** 激活選項(xiàng)(覆蓋重寫(xiě))* @param {Object} jq* @param {Object} itemEl*/enableItem : function(jq, itemEl) {return jq.each(function(){var jqElements = $(itemEl);var state = $.data(this, 'menu');if (jqElements.length > 0) {jqElements.each(function(){if ($(this).hasClass('menu-item-disabled')) {for(var i=0; i<state._eventsStore.length; i++){var itemData = state._eventsStore[i];if(itemData.target == this){//恢復(fù)超鏈接if (itemData.href) {$(this).attr("href", itemData.href);}//回復(fù)點(diǎn)擊事件if (itemData.onclicks) {for (var j = 0; j < itemData.onclicks.length; j++) {$(this).bind('click', itemData.onclicks[j]);}}//設(shè)置target為null,清空存儲(chǔ)的事件處理程序itemData.target = null;itemData.onclicks = [];$(this).removeClass('menu-item-disabled');}}}});}});},/*** 禁用選項(xiàng)(覆蓋重寫(xiě))* @param {Object} jq* @param {Object} itemEl*/disableItem : function(jq, itemEl) {return jq.each(function() {var jqElements = $(itemEl);var state = $.data(this,'menu');if (jqElements.length > 0) {if (!state._eventsStore)state._eventsStore = [];jqElements.each(function(){if (!$(this).hasClass('menu-item-disabled')) {var backStore = {};backStore.target = this;backStore.onclicks = [];//處理超鏈接var strHref = $(this).attr("href");if (strHref) {backStore.href = strHref;$(this).attr("href", "javascript:void(0)");}//處理直接耦合綁定到onclick屬性上的事件var onclickStr = $(this).attr("onclick");if (onclickStr && onclickStr != "") {backStore.onclicks[backStore.onclicks.length] = new Function(onclickStr);$(this).attr("onclick", "");}//處理使用jquery綁定的事件var eventDatas = $(this).data("events") || $._data(this, 'events');if (eventDatas["click"]) {var eventData = eventDatas["click"];for (var i = 0; i < eventData.length; i++) {if (eventData[i].namespace != "menu") {backStore.onclicks[backStore.onclicks.length] = eventData[i]["handler"];$(this).unbind('click', eventData[i]["handler"]);i--;}}}//遍歷_eventsStore數(shù)組,如果有target為null的元素,則利用起來(lái)var isStored = false;for(var j=0; j<state._eventsStore.length; j++){var itemData = state._eventsStore[j];if(itemData.target==null){isStored = true;state._eventsStore[j] = backStore;}}//沒(méi)有現(xiàn)成的,則push進(jìn)去if(isStored==false){state._eventsStore[state._eventsStore.length] = backStore;}$(this).addClass('menu-item-disabled');}});}});}
});
轉(zhuǎn)自:http://www.easyui.info/archives/373.html
轉(zhuǎn)載于:https://www.cnblogs.com/shikelong/p/4173090.html
總結(jié)
以上是生活随笔為你收集整理的easyui-menu 解决disableItem不能禁用绑定事件的方法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 隐形矫正多少钱啊?
- 下一篇: android Viewpager取消预