Zi 字媒體
2017-07-25T20:27:27+00:00
李炎恢_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);
}
});
});
jQuery Easy UI
tab1
tab2
tab3
PDF:
執行結果:
寫了
5860316篇文章，獲得
23313次喜歡