extjs简介_动力节点Java学院整理

ExtJS为开发者在开发富客户的B/S应用中提供丰富的UI组件，具有统一的主题，便于快速开发，提高效率。但显然它并不适合互联网站的开发。

主要目录文件介绍

  1. builds：压缩后的ExtJS代码，体积更小，更快；
  2. docs：开发文档；
  3. examples：官方演示示例；
  4. locale：多国语言资源文件；
  5. pkgs：ExtJS各部分功能的打包文件；
  6. resource：ExtJS所需要的CSS与图片文件；
  7. src：未压缩的源代码目录；
  8. bootstarp.js：ExtJS库引导文件,可自动切换ext-all.js与ext-all-debug.js；
  9. ext-all.js：ExtJS核心库；
  10. ext-all-debug.js：ExtJS核心库的调试版,调试时使用。
  11. ext-all-debug-w-comments.js：带注释的ExtJS核心库调试版。

如何引入文件

在项目中使用ExtJS，以下文件必需的：

1 整个resources文件夹

2 ext-all.js或ext-all-debug.js或ext-all-debug-w-comments.js文件

3 ext-lang-zh_CN.js文件

在页面中用到ExtJS至少引入以下文件：

1 resources\css\ext-all.css

2 ext-all.js（如果要对ExtJS代码进行调试或学习可引入ext-all-debug.js或ext-all-debug-w-comments.js）

3 ext-lang-zh_CN.js

一个简单示例

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>ExtJs</title>
  <link href="ExtJs/resources/css/ext-all.css" rel="external nofollow" rel="stylesheet" type="text/css" />
  <script src="ExtJs/ext-all-debug-w-comments.js" type="text/javascript"></script>
  <!-- <script src="ExtJs/ext-all.js" type="text/javascript"></script> -->
  <script src="ExtJs/ext-lang-zh_CN.js" type="text/javascript"></script>
  <script type="text/javascript">
    Ext.onReady(function () {
      //创建一个窗体
      var win = new Ext.Window({
        width: 300,
        height:300,
        items: [],
        modal: true,
        buttonAlign: 'center',
        buttons: [{
          text: '测试', id: 'btnTest', handler: function () {
            Ext.Msg.show({
              title: '询问',
              msg: '您喜欢 ExtJs 吗？',
              fn: processResult,
              icon: Ext.Msg.QUESTION,
              buttons: Ext.Msg.YESNO
            });
          }
        }
        ]
      });
      win.show();
    });

    //询问对话框处理Handler
    function processResult(btn) {
      Ext.Msg.alert('结果', btn);
    }
  </script>
</head>
<body>
  <div>
  </div>
</body>
</html>
赞 (0)

相关推荐

  • ExtJS 简介 让你知道extjs是什么

    ExtJS 简介 让你知道extjs是什么

    (wlr的blog应用) (ExtJS的表格控件) (不同主题的ExtJS弹出框效果) ExtJS是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架.因此,可以把ExtJS用在.Net.Java.Php等各种开发语言开发的应用中. ExtJs最开始基于YUI技术,由开发人员Jack Slocum开发,通过参考Java Swing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScrip

  • ExtJS 2.0实用简明教程 之Ext类库简介

    ExtJS 2.0实用简明教程 之Ext类库简介

    ExtJS的类库由以下几部分组成:       底层API(core):底层API中提供了对DOM操作.查询的封装.事件处理.DOM查询器等基础的功能.其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js.Element.js等文件,如图xx所示.  控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板.选项板.表格.树.窗口.菜单.工具栏.按钮等等,在我们的应用程序中可以直接通过应用这些控件来实现友好.交互性强

  • extjs简介_动力节点Java学院整理

    extjs简介_动力节点Java学院整理

    ExtJS为开发者在开发富客户的B/S应用中提供丰富的UI组件,具有统一的主题,便于快速开发,提高效率.但显然它并不适合互联网站的开发. 主要目录文件介绍 builds:压缩后的ExtJS代码,体积更小,更快: docs:开发文档: examples:官方演示示例: locale:多国语言资源文件: pkgs:ExtJS各部分功能的打包文件: resource:ExtJS所需要的CSS与图片文件: src:未压缩的源代码目录: bootstarp.js:ExtJS库引导文件,可自动切换ext-a

  • Nginx简介_动力节点Java学院整理

    1.什么是Nginx Nginx来自俄罗斯的Igor Sysoev在为Rambler Media(http://www.rambler.ru/)工作期间,使用C语言开发了Nginx.Nginx作为Web服务器,一直为俄罗斯著名的门户网站Rambler Media提供着出色.稳定的服务. Igor Sysoev将Nginx的代码开源,并且赋予其最自由的2-clause BSD-like license许可证.由于Nginx使用基于事件驱动的架构能够并发处理百万级别的TCP连接,高度模块化的设计和自

  • Java Map简介_动力节点Java学院整理

    Map简介 将键映射到值的对象.一个映射不能包含重复的键:每个键最多只能映射到一个值.此接口取代 Dictionary 类,后者完全是一个抽象类,而不是一个接口. Map 接口提供三种collection 视图,允许以键集.值集或键-值映射关系集的形式查看某个映射的内容.映射顺序 定义为迭代器在映射的 collection 视图上返回其元素的顺序.某些映射实现可明确保证其顺序,如 TreeMap 类:另一些映射实现则不保证顺序,如HashMap 类. 注:将可变对象用作映射键时必须格外小心.当对

  • Java中Object toString方法简介_动力节点Java学院整理

    一.Object类介绍  Object类在Java里面是一个比较特殊的类,JAVA只支持单继承,子类只能从一个父类来继承,如果父类又是从另外一个父类继承过来,那他也只能有一个父类,父类再有父类,那也只能有一个,JAVA为了组织这个类组织得比较方便,它提供了一个最根上的类,相当于所有的类都是从这个类继承,这个类就叫Object.所以Object类是所有JAVA类的根基类,是所有JAVA类的老祖宗.所有的类,不管是谁,都是从它继承下来的. 二.toString方法介绍  一个字符串和另外一种类型连接

  • Java Set简介_动力节点Java学院整理

    1. 概述   Java 中的Set和正好和数学上直观的集(set)的概念是相同的.Set最大的特性就是不允许在其中存放的元素是重复的.根据这个特点,我们就可以使用Set 这个接口来实现前面提到的关于商品种类的存储需求.Set 可以被用来过滤在其他集合中存放的元素,从而得到一个没有包含重复新的集合. 2. 常用方法 按照定义,Set 接口继承 Collection 接口,而且它不允许集合中存在重复项.所有原始方法都是现成的,没有引入新方法.具体的 Set 实现类依赖添加的对象的 equals()

  • RandomAccessFile简介_动力节点Java学院整理

    RandomAccessFile简介_动力节点Java学院整理

    RandomAccessFile RandomAccessFile 是随机访问文件(包括读/写)的类.它支持对文件随机访问的读取和写入,即我们可以从指定的位置读取/写入文件数据. 需要注意的是,RandomAccessFile 虽然属于java.io包,但它不是InputStream或者OutputStream的子类:它也不同于FileInputStream和FileOutputStream. FileInputStream 只能对文件进行读操作,而FileOutputStream 只能对文件进

  • Java字符编码简介_动力节点Java学院整理

    1. 概述 本文主要包括以下几个方面:编码基本知识,Java,系统软件,url,工具软件等. 在下面的描述中,将以"中文"两个字为例,经查表可以知道其GB2312编码是"d6d0 cec4",Unicode编码为"4e2d 6587",UTF编码就是"e4b8ad e69687".注意,这两个字没有iso8859-1编码,但可以用iso8859-1编码来"表示". 2. 编码基本知识 最早的编码是iso88

  • Java7之forkjoin简介_动力节点Java学院整理

    Java7之forkjoin简介_动力节点Java学院整理

    Java7引入了Fork Join的概念,来更好的支持并行运算.顾名思义,Fork Join类似与流程语言的分支,合并的概念.也就是说Java7 SE原生支持了在一个主线程中开辟多个分支线程,并且根据分支线程的逻辑来等待(或者不等待)汇集,当然你也可以fork的某一个分支线程中再开辟Fork Join,这也就可以实现Fork Join的嵌套. 有两个核心类ForkJoinPool和ForkJoinTask. ForkJoinPool实现了ExecutorService接口,起到线程池的作用.所以

  • Java List简介_动力节点Java学院整理

    Java中可变数组的原理就是不断的创建新的数组,将原数组加到新的数组中,下文对Java List用法做了详解.  List:元素是有序的(怎么存的就怎么取出来,顺序不会乱),元素可以重复(角标1上有个3,角标2上也可以有个3)因为该集合体系有索引  ArrayList:底层的数据结构使用的是数组结构(数组长度是可变的百分之五十延长)(特点是查询很快,但增删较慢)线程不同步  LinkedList:底层的数据结构是链表结构(特点是查询较慢,增删较快)  Vector:底层是数组数据结构 线

  • jQuery Autocomplete简介_动力节点Java学院整理

    jQuery UI Autocomplete是jQuery UI的自动完成组件,是我用过的最强大.最灵活的Autocomplete,它支持本地的Array/JSON数组.通过ajax请求的Array/JSON数组.JSONP.以及Function(最灵活)等方式来获取数据. 支持的数据源 jQuery UI Autocomplete主要支持字符串Array.JSON两种数据格式. 普通的Array格式没有什么特殊的,如下: ["bjpowernode","动力节点"

随机推荐