首页 > 代码库 > easyui-menu 解决disableItem不能禁用绑定事件的方法
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 = http://www.mamicode.com/state._eventsStore[i];"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 = http://www.mamicode.com/$(this).attr("href"); if (strHref) { backStore.href = http://www.mamicode.com/strHref;"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 = http://www.mamicode.com/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 = http://www.mamicode.com/state._eventsStore[j];>
转自:http://www.easyui.info/archives/373.html
easyui-menu 解决disableItem不能禁用绑定事件的方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。