李炎恢_PHP_jQuery EasyUI[011] ~ Tabs(選項卡)元件[上] – jashliao部落格

李炎恢_PHP_jQuery EasyUI[011] ~ Tabs(選項卡)元件[上]

參考資料: https://github.com/jash-git/jash-WebSI

GITHUB: https://github.com/jash-git/richie_jQuery_EasyUI

My code:

$(function () {

	$('#box').tabs({
		//width : 300,
		//height : 100,
		//plain : true,
		//fit : true,
		//border : false,
		//tabWidth : 300,
		//tabHeight : 50,
		//scrollIncrement : 50,
		//scrollDuration : 1000,
		//tools : [{
		//	iconCls : 'icon-add',
		//	handler : function () {
		//		alert('add');
		//	},
		//},{}],
		//tools : '#tt',
		//toolPosition : 'left',
		//tabPosition : 'left',
		//headerWidth : 300,
		//selected : 1,
		//showHeader : false,
		/*
		onSelect : function (title, index) {
			alert(title + '|' + index);
		}
		
		onUnselect : function (title, index) {
			alert(title + '|' + index);
		}
		
		onBeforeClose : function (title, index) {
			alert(title + '|' + index);
		}
		
		onClose : function (title, index) {
			alert(title + '|' + index);
		}
		//*/
		onContextMenu : function (e,title, index) {
			alert(e.type + '|' + title + '|' + index);
		}
		
		
		
		
	});
	
});

	
tab1
	
tab2
	
tab3




	  
	
	

PDF:

執行結果: