个性化操作EasyUI tab选项卡位置

时间:13-10-10 栏目:EasyUI 作者:zongyan86 评论:0 点击: 4,679 次

图1

图2

代码实现:

          $('#mainTabs').tabs({
			fit : true,
			border : false,
			tools : [ {
				iconCls : 'ext-icon-arrow_up',
				handler : function() {
					mainTabs.tabs({
						tabPosition : 'top'
					});
				}
			}, {
				iconCls : 'ext-icon-arrow_left',
				handler : function() {
					mainTabs.tabs({
						tabPosition : 'left'
					});
				}
			}, {
				iconCls : 'ext-icon-arrow_down',
				handler : function() {
					mainTabs.tabs({
						tabPosition : 'bottom'
					});
				}
			}, {
				iconCls : 'ext-icon-arrow_right',
				handler : function() {
					mainTabs.tabs({
						tabPosition : 'right'
					});
				}
			}]
		});

其实就一个属性,太简单啦。

web开发分享



声明: 本文由( zongyan86 )原创编译,转载请保留链接: 个性化操作EasyUI tab选项卡位置

关注我们