META-INF.resources.asset.ajaxjs-ui.doc.include.tab.jsp Maven / Gradle / Ivy

Show more of this group Show more artifacts with this name
Show all versions of ajaxjs-web Show documentation

AJAXJS Web aims to full-stack, not only the server-side framework, but also integrates the front-end library. It's written in HTML5 + Java, a successor to the JVM platform, efficient, secure, stable, cross-platform and many other advantages, but it abandoned the traditional enterprise architecture brought about by the large and bloated, emphasizing the lightweight, and fast, very suitable for the Internet fast application.

There is a newer version: 1.3.0

Show newest version

<%@page pageEncoding="UTF-8"%>
	简易选项卡 Tab
	
	设有水平（常见）和垂直 Tab
	
		切换原理为控制元素的 display:block/none;，比较简单，附带的好处是高度自适应
		要将 Tab 边框样式无缝结合，需要 CSS 的一定技巧性
		提供 beforeSwitch、afterSwitch、afterRender(i, btn, showTab)（只是在第一次触发）事件
	
	
	属性说明：
	
		
			属性
			含义
			类型
			是否必填
			默认值
		
		
			initItems
			输入的数据，结构为 [{name:'foo', content:'bar'}]，
其中 content 可包含 HTML 标签
			Array
			N
			N=演示数据
		
		
			isVertical
			是否垂直方向的布局
			Boolean
			N
			false=水平 Tab
		
	
	
	例子：
	<aj-simple-tab></aj-simple-tab>
	
	演示：
	
		
	
	
	
	垂直 Tab
	垂直 Tab 的内容区域应该设置 min-height；或者固定高。
	
	例子：
	<aj-simple-tab :is-vertical="true"></aj-simple-tab>
	
	演示：

属性	含义	类型	是否必填	默认值
initItems	输入的数据，结构为 [{name:'foo', content:'bar'}]，其中 content 可包含 HTML 标签	Array	N	N=演示数据
isVertical	是否垂直方向的布局	Boolean	N	false=水平 Tab