`

ExtJS 入门—我的第一个ExtJS程序

阅读更多
详情请看:http://dev.sencha.com/deploy/ext-4.0.7-gpl/docs/index.html#!/guide/getting_started

1.Download Ext JS 4 SDK http://www.sencha.com/products/extjs/,解压,把用到的包放在web root directory下。
2.在页面index.html,
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src="extjs/ext-debug.js"></script>这两个是必须要引入的,然后可以使用ExtJS了。
3.新建一个js文件,在其中写入代码:
   Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    title: 'Hello Ext',
                    html : 'Hello! Welcome to Ext JS.'
                }
            ]
        });
    }
});
在页面index.html 中,引入文件,然后运行,即可。
分享到:
评论

相关推荐

    ExtJs入门实例(内含N个实例源码)

    ExtJS入门实例、包含各种详细代码,非常适合初学者学习

    ExtJS入门.rar

    第 1 章闪烁吧!看看extjs那些美丽的例子。 1.1. 一切从extjs发布包开始 非常幸运的是,我们可以免费去extjs.com下载ext发布包,里边源代码,api文档,例子一应俱 全。不过要是想访问svn获得最新的代码,就要花钱...

    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.1.1

    第一讲.ExtJs初识及其环境搭建 第二讲.开始ExtJs梦想之旅 第三讲.ExtJS工具栏、菜单栏 第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第六讲.ExtJs最常用表单...

    ExtJs 2.2 简明教程 01 入门

    自己写的ExtJs简明教程,第一节是入门,包括如下内容: ExtJs包的内容和简介 Spket插件的安装 API的使用和安装(针对不停loading的问题) 还有入门实例和它的代码

    ExtJS6学习文档_PDF格式带书签

    第1章 ExtJS入门指南 第2章 核心概念 第3章 基础组件 第4章 数据包 第5章 表格组件 第6章 高级组件 第7章 图表 第8章 主题和响应式设计

    精通JS脚本之ExtJS框架.part2.rar

    1.2 第一个JavaScript程序 1.2.1 嵌入JavaScript 1.2.2 链接外部JavaScript文件 1.2.3 注意事项 1.3 基础语法 1.3.1 数据类型 1.3.2 变量与常量 1.3.3 运算符 1.4 流程控制语句 1.4.1 if条件语句 1.4.2 ...

    精通JS脚本之ExtJS框架.part1.rar

    1.2 第一个JavaScript程序 1.2.1 嵌入JavaScript 1.2.2 链接外部JavaScript文件 1.2.3 注意事项 1.3 基础语法 1.3.1 数据类型 1.3.2 变量与常量 1.3.3 运算符 1.4 流程控制语句 1.4.1 if条件语句 1.4.2 ...

    深入浅出ExtJS1(内容完整)

    本身对初学者来说,是一本不错的入门选择! 内容和构思都相当独特!

    ExtJS 入门

    开始… 在ExtJS里最常用的,应该就是Ext.onReady这个方法了,而且它也可能是你学习ExtJS所接触的第一个方法,这个方法在当前的DOM加载完毕后自动调用,保证页面内的所有元素都能被Script所引用.可以尝试在这个方法中添加...

    入门基础学习 ExtJS笔记(一)

    第一步当然是引用ExtJs的相关文件: &lt;link rel=”Stylesheet” href=”resources/css/ext-all.css” /&gt; [removed][removed] [removed][removed] 定义一个Ext.Viewport: 在items的属性里设置: 头部: 代

    深入浅出Ext JS(第2版).part1.rar

    全书由一个可以引领读者快速入门的“HelloWorld”示例开篇,紧接着对ExtJS的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后一个...

    ExtJs 学习笔记 Hello World!第1/2页

    最近学ajax,接触到了Extjs这个强大的框架。我想通过我的学习笔记,最后可以让大家上手在项目中使用Ext。首先我会写一些基本的用于入门Ext的文章,打好基础是很重要的。

    深入浅出Ext JS(第2版).part3.rar

    这跟之前的深入浅出Ext JS(第1)有些新东西的增加,第一版讲的是2.2的,这文档从入门开始,比较适合刚接触Extjs的人群,本文档分为三部分,这是其中的一部分,下载的人情务必要三个都下载了才能解压成功,在后面我...

    快意编程 EXT JS Web开发技术详解.pdf

    第一篇 Ext JS相关知识介绍 第1章 Ext JS介绍 2 第2章 Ext JS快速入门 21 第二篇 Ext JS技术详解 第3章 JavaScript面向对象技术 36 第4章 Ext JS框架 58 第5章 Ext JS开发模式 86 第6章 Ext JS布局 102 第7章 表单...

    java +web开发应用详解

    全书从JavaWeb整合开发角度出发,全面介绍了JavaWeb开发技术,分为4篇共27章:第1篇为JavaWeb基础篇,包括第1-7章,介绍了Servlet开发、JSP入门、表达式语言、JSP标签、自定义标签等基础知识;第2篇为SSH整合技术篇...

    基于Vue+SpringBoot实现的通讯录管理系统源码+项目说明(课程设计).zip

    第一个模块是用户管理模块,用于管理可以进入到这个系统的用户,如下图所示。 ![输入图片说明](image/ext/4.png) 当然对于用户可以进行基于姓名的条件查询,表单有点简陋,如下图所示。 ![输入图片说明](image/...

    EXT教程EXT用大量的实例演示Ext实例

    7.2. 第一!乱拖。 7.3. 第二!代理proxy和目标target 8. 哭泣吧!现在才开始讲基础问题。 8.1. Ext.get 8.2. 要是我们想一下子获得一堆元素咋办? 8.3. DomHelper和Template动态生成html 8.3.1. DomHelper...

    EXT2.0中文教程

    7.2. 第一!乱拖。 7.3. 第二!代理proxy和目标target 8. 哭泣吧!现在才开始讲基础问题。 8.1. Ext.get 8.2. 要是我们想一下子获得一堆元素咋办? 8.3. DomHelper和Template动态生成html 8.3.1. DomHelper用来...

Global site tag (gtag.js) - Google Analytics