`

ExtJs入门之HelloWorld

 
阅读更多
首先是环境搭建:可以在WebRoot目录下新建一个extlib目录用来存放ext的核心文件,对于每一个Ext的程序,核心的ext文件主要有三个:主目录下的ext-all.js,adapter\ext目录下的ext-base.js,最重要的是需要将resources这个目录全部拷贝进来。接下来是引入类库,在WebRoot下新建一个main目录用来存放自己写的展示页面,比如HelloWorld.html,HelloWorld的上一级是main,和extlib目录同级,所以在html中引入以上类库是格式如下:../extlib/....,../表示上一级目录,因为HelloWorld.html的上一级main和extlib属于同一级。在引入类库文件时,需要注意前后顺序:首先是css样式文件,然后是ext-base.js,最后是ext-all.js。注意事项大致就是以上几点,完整实例见图。
  • 大小: 5.4 KB
  • 大小: 4.8 KB
分享到:
评论

相关推荐

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

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

    ExtJs 2.2 简明教程 01 入门

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

    extjs6.5快速开始.pdf

    欢迎来到 Ext JS 快速入门指南!在本指南中,我们将快速浏览您需要理解的最重要的核心概念,以成 为一个有效的 Ext JS 开发人员。在每一步中,我们将研究一个工作代码示例,然后讨论任何新概念。我们 将把每个部分...

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

    3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的...

    ExtJS 入门

    ‘hello world!’); }); 上面的代码将在页面加载完毕后弹出一对话框,打印出’hello world!’字样. 获取元素 还有一个常用的方法,就是获取页面上的元素了,ExtJS提供了一个get方法,可以根据ID取到页面上的元素: va

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

    3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的...

    Exjs 入门篇

    看到Extjs如此绚丽的界面,突然有种莫名的冲动来...”Hello World”是当今程序语言经典的入门程序,很多教科书上都是用”Hello World”来引领我们进入精彩的程序世界。 在进行是用Extjs框架开发应运程序前,必须将Extj

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

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

    深入浅出Ext JS (含源代码非完整版)

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

    New of GWT Introduction--GWT开发快速入门

    Ajax 被用于创建更加动态和交互性更好的 Web 应用程序。Google Web Toolkit (简称GWT) 是 Google ...applicationCreator命令用于创建基本的HelloWorld!应用和GWT应用开发环境。 • junitCreator 生成junti测试代码。

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

    1.7. 入门之前,都看helloworld。 1.7.1. 直接使用下载的发布包 1.7.2. 只把必要的东西放进项目中 2. 震撼吧!让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 ...

    EXT2.0中文教程

    1.7. 入门之前,都看helloworld。 1.7.1. 直接使用下载的发布包 1.7.2. 只把必要的东西放进项目中 2. 震撼吧!让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. ...

    Ext Js权威指南(.zip.001

    2.3 编写“hello world”程序 / 37 2.4 关于ext.onready / 38 2.5 关于ext.blank_image_url / 40 2.6 关于字体 / 42 2.7 ext js 4语法 / 42 2.8 本地化 / 60 2.9 为本书示例准备一个模板 / 60 2.10 本章小结...

    Ext 开发指南 学习资料

    1.6. 入门之前,都看helloworld。 1.6.1. 直接使用下载的发布包 1.6.2. 只把必要的东西放进项目中 2. 震撼吧!让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. ...

Global site tag (gtag.js) - Google Analytics