?? 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 + -