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


Posted in Javascript onJuly 17, 2017

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简介_动力节点Java学院整理

在页面中用到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

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

一个简单示例

<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>
Javascript 相关文章推荐
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
学习JavaScript设计模式(多态)
Nov 25 Javascript
jQuery实现HTML表格单元格的合并功能
Apr 06 Javascript
animate 实现滑动切换效果【实例代码】
May 05 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
vuex的简单使用教程
Feb 02 Javascript
jQuery获取随机颜色的实例代码
May 21 jQuery
微信小程序使用字体图标的方法
May 23 Javascript
使用p5.js临摹动态图形
Oct 23 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
Apr 07 Javascript
elementUI同一页面展示多个Dialog的实现
Nov 19 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 #jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 #jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 #jQuery
jQuery列表检索功能实现代码
Jul 17 #jQuery
React Native实现进度条弹框的示例代码
Jul 17 #Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 #jQuery
Javascript ES6中对象类型Sets的介绍与使用详解
Jul 17 #Javascript
You might like
PHP执行zip与rar解压缩方法实现代码
2010/12/05 PHP
php 魔术方法详解
2014/11/11 PHP
PHP中iconv函数转码时截断字符问题的解决方法
2015/01/21 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
PHP自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
Laravel 实现关系模型取出需要的字段
2019/10/10 PHP
JavaScript中yield实用简洁实现方式
2010/06/12 Javascript
javascript写的异步加载js文件函数(支持数组传参)
2014/06/07 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
jQuery 中的 DOM 操作
2016/04/26 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
js带闹铃功能的倒计时代码
2016/09/29 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
详解A标签中href=&quot;&quot;的几种用法
2017/08/20 Javascript
js判断节假日实例代码
2017/12/27 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
JS使用Chrome浏览器实现调试线上代码
2020/07/23 Javascript
[00:35]DOTA2上海特级锦标赛 EG战队宣传片
2016/03/04 DOTA
Python中优化NumPy包使用性能的教程
2015/04/23 Python
python+opencv实现的简单人脸识别代码示例
2017/11/14 Python
对Python中内置异常层次结构详解
2018/10/18 Python
情人节快乐! python绘制漂亮玫瑰
2020/08/18 Python
Macbook安装Python最新版本、GUI开发环境、图像处理、视频处理环境详解
2020/02/17 Python
Python PIL库图片灰化处理
2020/04/07 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
网友共享的几个面试题关于Java和Unix等方面的
2016/09/08 面试题
护理专业的自荐信
2013/10/22 职场文书
法定代表人资格证明书
2014/09/11 职场文书
工作疏忽检讨书500字
2014/10/26 职场文书
合作意向协议书
2015/01/29 职场文书
步步惊心观后感
2015/06/12 职场文书
学生会任命书范本
2015/09/21 职场文书
高效课堂教学反思
2016/02/24 职场文书