📄 tabpaneexample5.jsp
字号:
<!------------------------------------------------------------------------------
文件名称：tabPaneExample5.jsp
说 明：TabPane的实现示例：无内容，支持联动的TabPane。
注 意：TabPage选中的方式可以用Index[1,标签个数]和ID两种方式进行，是为了满足可以通过权限控制输出TabPage的情况，因为通过权限控制，无法在开发时确定每个TabPage的Index。
版 本：1.0
修改纪录:
时间 修改人 说明
2006-8-17 王程志 创建
2006-8-23 王程志 修改：实现无限级嵌套、缓存、同页多个TabPane、无内容TabPane
------------------------------------------------------------------------------->
<%@ page language="java" contentType="text/html; charset=GBK"%>
<%@ taglib uri="/WEB-INF/hci-dc.tld" prefix="dc" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>TabPaneExample</title>
<!-- 必须导入下面的两个资源 -->
<link href="/internet/htc/tabpane/style1/tabpane.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/internet/htc/tabpane/tabpane.js"></script>
</head>
<body scroll="no">
<!-- 注意tabPageId不能重复 -->
<dc:TabPane tabPaneId="tabPane8" width="100%" height="1" align="center">
<dc:TabPage tabPageId="tp1" title="管理" width="64" href="/pkg/page/tabInnerPage1.jsp" onclick="tt()" targetFrame="parent.frame0"/>
<dc:TabPage tabPageId="tp2" title="部门" width="64" href="/pkg/page/tabInnerPage2.jsp" onclick="tt()" targetFrame="parent.frame0"/>
<dc:TabPage tabPageId="tp4" title="财务" width="64" href="/pkg/page/tabInnerPage3.jsp" onclick="tt()" targetFrame="parent.frame0"/>
</dc:TabPane>
</body>
</html>
<!-- 下面设置初始时选中的TabPage，必须要有 -->
<script language="JavaScript">
<!--
//用Index来选中，Index的区间[1,TabPage个数]，注意：变量名必须与tabPaneId相同
var tabPane8 = new TabPane( "tabPane8" );
//参数为0表示不选中任何TabPage，仅仅是初始化
tabPane8.selectTabPageByIndex(0, false );
//可以采用ID的方式
//tabPane8.selectTabPageById("tp2");
function tt()
{
parent.tabPane6.selectTabPageById("tp4",false);
return true;
}
//-->
</script>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -