`
ahjdzx1990
  • 浏览: 24469 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

extjs4学习一

 
阅读更多

 

Extjs4.0解压下文件的说明:

ext-all-debug-w-comments.js:带注释的的完整调试版本。文件比较大,加载时间比较长。

ext-all-debug.js : 不带注释的完整调试版本。文件也比较大,但很适合调试。

ext-all.js ;压缩后的完整版本,文件比较小。使用该版本调试很困难,因此一般在发布产品时才使用。

ext-debug.js : 该文件只包含ExtJS基础架构和空的结构。使用该文件,可以实现ExtJS类文件的远程加载,而且提供了很好的调试体验,不过代价是相当的慢。

ext.js : ext-debug.js的压缩版本。

通常index.html将使用ext-debug.js文件,这是实现动态加载所需的最低要求。最后,我们再使用ext-all版本获取最好的结果。

面板使用例子:

index.html:

 

<html>
	<head>
    	<title>Account Manager</title>
    	<link rel="stylesheet" type="text/css" href="ext-4.0/resources/css/ext-all.css" />
        <script type="text/javascript" src="ext-4.0/ext-debug.js"></script>
        <script type="text/javascript" src="app.js"></script>
    </head>
    <body>
    </body>
</html>

 

 app.js:

 

Ext.onReady(function(){
	Ext.create('Ext.TabPanel',{
		renderTo:Ext.getBody(),
		title:'test面板',
		width:400,
		height:100,
		activeTab:0,
		items:[
			 Ext.create('Ext.Panel',{
					title:'面板1',
					height:30,
					html:'面板1'
				}),
			Ext.create('Ext.Panel',{
					title:'面板2',
					height:30,
					html:'面板2'
				}),
			Ext.create('Ext.Panel',{
					title:'面板3',
					height:30,
					html:'面板3'
				})
		]
	});
});
分享到:
评论
1 楼 kuangniaokuang 2011-11-24  
这个没有了呀app.js

相关推荐

    Extjs4学习指南源代码(JAVA后台)

    个人《Extjs4学习指南》电子文档过程中整理的Myeclipse工程,有以下修改:1、数据库改为Mysql;2、前四章后台改为servlet;3、最后一章后台改为SSH架构。 使用说明:1、BeginExtjs4目录为前四章的例子代码;2、SSH_...

    Extjs4.0学习笔记

    ExtJS4学习笔记(一)---window的创建 ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(三)---VBox的使 ExtJS4学习笔记(四)---Grid的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(六)---多表头Grid ...

    extJs 2.1学习笔记

    20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21. extJs 2.0学习笔记(Ext.Panel篇二) 50 22. extJs 2.0学习笔记(Ext.Panel篇三) 59 23. extJs 2.0学习笔记(Ext.Panel篇四) 62 24. extJs 2.0学习笔记(组件总论篇) 66 25....

    Extjs4 Extjs4学习指南

    Extjs4可用的学习资料少之又少,本文内容大部分为网络整理、 方便学习者使用,如有出入以extjs4api文档为准。 1、1Extjs初步 2、Extjs4布局详解 3、Extjs4文档阅读 4、示例 5、员工管理系统

    ExtJS4中文教程2 开发笔记 chm

    ExtJS4学习笔记(一)---window的创建 ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ...

    ExtJs入门实例

    4. ExtJs2.0学习系列(4)--Ext.FormPanel之第一式 5. ExtJs2.0学习系列(5)--Ext.FormPanel之第二式 6. ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇) 7. ExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他...

    extjs4 项目例子

    这个项目里面包含了本人从开始初学EXTJS4的全部事例:grid、tree、chart图表、文件上传、mvc、还有用户信息注册。里面的一些难点、要点都加了注释,还有一个file.txt文件是本人的小小总结,还没完整。我也是一个第一...

    ExtJS 学习资料 1

    ExtJs 各种学习资料 [深入浅出Ext.JS].徐会生等.扫描版.pdf EXT 中文手册.pdf Ext.JS.4.First.Look.pdf ext4笔记.doc extjs4.0.doc Extjs4.0学习指南(中文).docx ExtJsBook.chm extjs核心api详解.doc ExtJS实用开发...

    ExtJs视频教程整包打包

    Extjs4学习指南21集无代码 extjs网上商城项目 ExtJs视频教程 google调试extjs视频 从基础到实战ExtJs全程精通 传智蔡世友ExtJs视频教程 浪曦ExtJs,永久有效,所有视频解压密码相同,在文档中有写,如有问题请及时...

    ExtJs学习笔记,共30讲

    20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21. extJs 2.0学习笔记(Ext.Panel篇二) 50 22. extJs 2.0学习笔记(Ext.Panel篇三) 59 23. extJs 2.0学习笔记(Ext.Panel篇四) 62 24. extJs 2.0学习笔记(组件总论篇) 66 25....

    Extjs 4 API

    Ext JS 4是迄今为止我们曾经对Extjs JS最大的修改,构成最先进的JavaScript框架。几乎每一个区域的结构都已经升级,从生成的HTML的系统。我们已经统一的api,增添了不可思议的新功能,提高了整体架构的性能。 在Ext JS...

    ext extjs4学习经典实例 guice mybaits 简单权限 (全量包)更新一

    学习ext, guice 的好程序 学习ext4 extjs4, guice 的好程序 mybatis的好程序,可以借鉴很多东西的好程序

    Extjs4.0学习指南

    这是一个关于ExtJs4很详细的文档,步骤讲解和概述很清楚,非常适合初学者使用

    extjs四个例子,一个中文API

    新手学习,初学extjs时用刚刚好,里边有三个例子,还有一个我自己写的例子(简单粗暴动态菜单),还有一个中文API

    深入浅出ExtJS学习PDF 文档下载

    通过学习本书,读者将感受到ExtJS的无穷魅力和Ajax技术带来的完美体验。 本书适合有一定CSS和HTML基础的开发者阅读。 目录: 第1章 EXT概述 第2章 EXT框架基础 第3章 表格控件 第4章 表单与输入控件 第5章 树形结构 ...

    Extjs4.0.7学习指南_中文

    1 Extjs 初步 1.1 获取Extjs 下载extjs: ...获得需要的extjs发布包及更多支持。 1.2 搭建学习环境: 假设您的机器已经安装myeclipse和tomcat,如果没有请参阅其他相关资料。...myeclipse建立新Web project项目Extjs4

    Extjs学习—总结的extjs的一些常用小知识点

    自己才刚刚学习了extjs近1个月有余,边总结边学习,这些应该对初学者比较适用,自己总结的

    深入浅出Extjs4.1.1

    不多说,如果你需要学习Extjs或者是不懂Extjs,这门视频能对你有很大的帮助,文件过大,上传乃是下载链接,下面上目录: 1、ExtJs初识及其环境搭建 2、开始ExtJs梦想之旅# n8 }: ~+ d4 X+ V1 c 3、ExtJS工具栏、菜单...

    Spring3.0+Hibernate4.0+SpringMVC整合ExtJS4

    Spring3.0+Hibernate4.0+SpringMVC整合ExtJS4是一个集成的应用系统,希望对学习javaweb和extjs的朋友有帮助

Global site tag (gtag.js) - Google Analytics