标签页

srczh标签页分为两种，一种是纯css标签页不依赖于脚本，纯 标签页样式请参考 srczh.css src-tab
srczh.js中的标签页继承了纯css标签页的样式，加了javaScript脚本的控制，使该功能更加完善、增强了自定义等功能。 要使用srczh.js中的标签页，请在页面中引入srczh.tab.js。

参数定义

src_tab
id/class	目标对象名		必须
type	标签页类型	tab:基本类型 tab-a:类型a tab-b:类型b tab-c:需要设置头方向类型 tab-x-l，tab-x-r tab-m:辅助只显示图标	必须
tabHead	标签页头	[id,文字,图标] 数组长度为1：文本或图标 长度为2：id,文本或图标 长度为3：id,文本,图标	必须
tabHead_icon	标签页头图标	指定后覆盖tabHead数组第3项	非必须
tabBody	标签体内容	['类型','内容'] 数组长度为1：内容 长度为2：数据类型,内容 (数据类型：'html','frame')	必须
	tabBody类型	html：html文本内容 frame：url地址	必须
close	boolean	关闭标签页	非必须
add	boolean	新增标签页	非必须

标签名定义

使用标签名src-tab 定义一个最基本功能的标签页。

	
						
						   

						       选项卡甲
						       选项卡乙
						    
							 

							     

							         选项卡甲 显示
							     
							     

							         选项卡乙 显示
							     
							 
						
					

选项卡甲 选项卡乙

选项卡甲 显示

选项卡乙 显示

自定义标签

使用json参数指定形式创建一个src-tab。

	
				let ps={id:'tab-obj',type:'tab-c tab-x-l',
						tabHead:[['t1','标签A'],['t2','标签B']],
						tabHead_icon:[''],
						tabBody:[['内容A'],['内容B']],
						close:true};
				let tab=new src_tab(ps);
				

内置方法

add(obj,json)	添加标签页	obj:标签对象 json:参数
del(obj,json)	删除标签页	obj:标签对象 json:参数
edit(obj,json)	修改标签页	obj:标签对象 json:参数
find(obj,json)	查找标签页	obj:标签对象 json:参数

方法调用示例

					let tab=new src_tab(...);
					//新增标签页（注意这里数组是一维）
					tab.add($("#tab-obj"),{tabHead:['t4','新标签'],tabBody:['frame','url地址']});
					//删除id=t4的标签页
					tab.del($("#tab-obj"),{id:"t4"});
					//修改标签类型，以及id=t2的标签数据（注意这里数组是一维）
					tab.edit($("#tab-obj"),{id:"t2",type:"tab",tabHead:['新标签修改'],tabBody:['frame','新内容修改']});
					//找到id=t2的标签并激活
					tab.find($("#tab-obj"),{id:"t2"});