2011-04-06 118 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。这背后还有一个非常出色的社区。

对不起,这不是一个简单的答案!