基于easyui tabs选项卡的扩展插件--tabs单击事件

最新推荐文章于 2020-06-24 15:07:08 发布

原创最新推荐文章于 2020-06-24 15:07:08 发布 · 615 阅读

CC 4.0 BY-SA版权

这篇博客介绍了如何扩展easyui的tabs组件，添加单击事件处理。通过实例教程，作者分享了实现这一功能的详细步骤，旨在帮助读者更好地理解和应用easyui。

/** * easyui tbas组件扩展单击事件 */$.extend($.fn.tabs.methods, {    /**     * 绑定单击事件     * @param {Object} jq     * @param {Object} caller 绑定的事件处理程序     */    bindClick: function(jq, caller){        return jq.each(function(){            var that = this;            $(this).children("div.tabs-header").find("ul.tabs").undelegate('li', 'click.tabs').delegate('li', 'click.tabs', function(e){                if (caller && typeof(caller) == 'function') {                    var title = $(this).text();                    var index = $(that).tabs('getTabIndex', $(that).tabs('getTab', title));                    caller(index, title);                }            });        });    },    /**     * 解除绑定双击事件     * @param {Object} jq     */    unbindClick: function(jq){        return jq.each(function(){            $(this).children("div.tabs-header").find("ul.tabs").undelegate('li', 'click.tabs');        });    }});