日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

easyui-menu 解决disableItem不能禁用绑定事件的方法

發布時間:2023/11/27 46 豆豆
生活随笔 收集整理的這篇文章主要介紹了 easyui-menu 解决disableItem不能禁用绑定事件的方法 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

版本:1.4.?

menu的disableItem方法不能禁用使用onClick方式綁定的事件。

解決思路如下:

重寫disableItem方法和enableItem方法。

/*** menu方法擴展* @param {Object} jq* @param {Object} itemEl*/
$.extend($.fn.menu.methods, {/*** 激活選項(覆蓋重寫)* @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){//恢復超鏈接if (itemData.href) {$(this).attr("href", itemData.href);}//回復點擊事件if (itemData.onclicks) {for (var j = 0; j < itemData.onclicks.length; j++) {$(this).bind('click', itemData.onclicks[j]);}}//設置target為null,清空存儲的事件處理程序itemData.target = null;itemData.onclicks = [];$(this).removeClass('menu-item-disabled');}}}});}});},/*** 禁用選項(覆蓋重寫)* @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數組,如果有target為null的元素,則利用起來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;}}//沒有現成的,則push進去if(isStored==false){state._eventsStore[state._eventsStore.length] = backStore;}$(this).addClass('menu-item-disabled');}});}});}
});

  轉自:http://www.easyui.info/archives/373.html

轉載于:https://www.cnblogs.com/shikelong/p/4173090.html

總結

以上是生活随笔為你收集整理的easyui-menu 解决disableItem不能禁用绑定事件的方法的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。