官方教程--查看文章
 
TabPanel 类的基础
发布时间:2008-3-6
  • 上一篇文章:
  • 下一篇文章:

  • 摘要

    这份教程目的在于对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 先看看一……

     


    ©2008 MyExt.cn
    本站文章来自互联网,仅供学习和研究使用,如有版权问题,请发送Email:myext@126.com.