2011-04-06 104 views

回答

0

該選項卡面板是由名爲Sencha的公司生產的ExtJS套件組件的一部分。它需要進行相當數量的設置(如果您在頁面上執行「查看源代碼」,並查看包含的JavaScript文件,您可以檢查它們)。這不是一個預先格式化的頁面佈局,您可以直接下載和使用。 ExtJS很像使用「Swing」(如果你有Java背景的話)。您將佈局,面板,窗口,視口等放在一起來設計整個界面。

從頁面

直接,有設立全鑲板3個JS文件:

<!-- page specific --> 
<script type="text/javascript" src="../shared/examples.js"></script> 
<script type="text/javascript" src="../portal/sample-grid.js"></script> 
<script type="text/javascript" src="grouptabs.js"></script> 

以外的是,你需要一些特定的樣式表使看他們有沒有發生:

<!-- overrides to base library --> 
<link rel="stylesheet" type="text/css" href="../ux/css/Portal.css" /> 
<link rel="stylesheet" type="text/css" href="../ux/css/GroupTab.css" /> 

這些文件超出了基礎庫的範圍。

如果您有興趣學習ExtJS,我會關注他們網站上展示的Sencha的learning path。這背後還有一個非常出色的社區。

對不起,這不是一個簡單的答案!