摘要
这份教程目的在于对TabPanel类进行一次快速介绍。所提及的知识都是来自我对TabPanel范例、Ext源码和API文档的学习。到本文最后,你应该完成好一个Tab Panel,这个TabPanel能够:
- 创建新tab,其内容来自一个URL。
- 判断某个tab是否存在,有的话加载新内容。
步骤 1: 创建 HTML 骨架
我们将会用下列HTML,和Ext一齐构建一个基本的结构。复制这些内容到一个叫tptut.html的文件,并要求是运行在服务端的,当然 也要保证ext-all.css, ext-base.js, 和 ext-all.js这些Ext安装路径的正确。然后按照以下步骤创建tab_actions.js:
<html>
<head>
<title>TabPanel教程</title>
<!-- Ext CSS and Libs -->
<link rel="stylesheet" type="text/css" href="../include/ext2/
resources/css/ext-all.css" />
<script type="text/javascript" src="../include/ext2/adapter/
ext/ext-base.js"></script>
<script type="text/javascript" src="../include/ext2/ext-all.js">
</script>
<!-- Custom CSS and Libs -->
<script type="text/javascript" src="./tab_actions.js">
</script>
<style>
#actions li {
margin:.3em;
}
#actions li a {
color:#666688;
text-decoration:none;
}
</style>
</head>
<body>
<ul id="actions" class="x-hidden">
<li>
<a id="use" href="#">Use Existing Tab</a>
</li>
<li>
<a id="create"[1] [2] [3] [4] 下一页
[官方教程]TabPanel 类的基础 (佚名,03-06)摘要这份教程目的在于对TabPanel类进行一次快速介绍。所提及的知识都是来自我对TabPanel范例、Ext源码和API文档的学习。到本文最后,你应该完成好一个Tab Panel,这个TabPanel能够:创建新tab,其内容来自一个URL。 判断某个tab是否存在,有的话加载新内容。 步骤 1:……
[官方教程]ExtJs:表单组件初学 (未知,01-10)我建议下载用于这个例子的一段程序,这样可能对你有一些帮助。你也可以找一个有效的例子。 表单体首先要做的第一件事就是创建一个表单体,这相当于在HTML中书写一个 <form></form>标识。 var form_employee = new Ext.form.Form({ l……
[官方教程]ExtJs:扩展与插件之间的区别 (未知,01-10)序言 要是在Ext框架中没有相应的功能,我想许多用户都会自己写一套程序去实现。有一些功能是根据他们的程序而开发的,有些则是通用的,这样其他用户可能就会对此感兴趣。 嗯~我们有了想法了,是需要写一写新的代码,相关的步骤我也懂得,可能面临一个问题,究竟是写扩展(Extension)还是写插件(Plugi……
[官方教程]Ext JS 3.1发布: 大量内存泄漏的改善, 包括TreeGrid,还 (myext整理,06-26)代表EXT团队,我非常高兴地宣布的 Ext JS 3.1的最终版本正式发布。在这个版本中,我们再次承诺会让EXT JS 的功能和性能都变得更好。你可以在下载页面看到一个完整的变更和联机日志文件。Internet Explorer 内存优化单页的,组合的,web应用程序已经越来越较为普遍,在所有浏览器……
[官方教程]ExtJs:如何合理地规划一个应用程序 (未知,01-10)事前准备 本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径,更改示例文件中script标签的src的属性。 需要些什么?除ExtJS库本身外,我们还需要两个文件: applayout.html applayout.js 先看看一……