为EasyUI 的Tab 标签添加右键菜单

 <div id="mm" class="easyui-menu" style="width:150px;">
         <div id="mm-tabclose" name="1">关闭标签页</div>
        <div id="mm-tabcloseall" name="2">关闭全部标签页</div>
        <div id="mm-tabcloseother" name="3">关闭其它标签页</div>
        <div class="menu-sep"></div>
        <div id="mm-tabcloseright" name="4">关闭右侧标签页</div>
        <div id="mm-tabcloseleft" name="5">关闭左侧标签页</div>
    </div>

 

	// 监听右键事件，创建右键菜单
		$('#tt').tabs({
			onContextMenu : function(e, title, index) {
				e.preventDefault();
				//if (index > 0) {
					$('#mm').menu('show', {
						left : e.pageX,
						top : e.pageY
					}).data("tabTitle", title);
				//}
			}
		});
		// 右键菜单click
		$("#mm").menu({
			onClick : function(item) {
				closeTab(this, item.name);
			}
		});

 

// 删除Tabs
function closeTab(menu, type) {
	var obj = $('#tt');
	;
	var allTabs = obj.tabs('tabs');
	var allTabtitle = [];
	$.each(allTabs, function(i, n) {
		var opt = $(n).panel('options');
		if (opt.closable) {
			allTabtitle.push(opt.title);
		}
	});
	var curTabTitle = $(menu).data('tabTitle');

//	console.log('curTabTitle:' + curTabTitle)

	var curTabIndex = obj.tabs('getTabIndex', obj.tabs('getTab', curTabTitle));
	/**
	 * <pre>
	 * 	    1:关闭标签页
	 * 	    2:关闭全部标签页
	 * 	    3:关闭其它标签页
	 * 	    4:关闭右侧标签页
	 * 	    5:关闭左侧标签页
	 * </pre>
	 */
	switch (type) {
	case '1':
		obj.tabs('close', curTabTitle);
		break;
	case '2':
		for (var i = 0, j = allTabtitle.length; i < j; i++) {
			obj.tabs('close', allTabtitle[i]);
		}
		break;
	case '3':
		for (var i = 0, j = allTabtitle.length; i < j; i++) {
			if (curTabTitle != allTabtitle[i]) {
				obj.tabs('close', allTabtitle[i]);
			}
		}
		obj.tabs('select', curTabTitle);
		break;
	case '4':
		for (var i = curTabIndex + 1 ,j = allTabtitle.length; i<j; i++) {
			obj.tabs('close', allTabtitle[i]);
		}
		obj.tabs('select', curTabTitle);
		break;
	case '5':
		for (var i = 0; i < curTabIndex; i++) {
			obj.tabs('close', allTabtitle[i]);
		}
		obj.tabs('select', curTabTitle);
		break;
	}

}