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 相关文章推荐
JQuery入门——事件切换之hover()方法应用介绍
Feb 05 Javascript
jQuery的:parent选择器定义和用法
Jul 01 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
jQuery事件委托之Safari
Jul 05 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
纯JS实现只能输入数字的简单代码
Jun 21 Javascript
JS中精巧的自动柯里化实现方法
Dec 12 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
layer 关闭指定弹出层的例子
Sep 25 Javascript
countUp.js实现数字动态变化效果
Oct 17 Javascript
vue滑动吸顶及锚点定位的示例代码
May 10 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
颠覆常识!无色透明的咖啡诞生了(中日双语)
2021/03/03 咖啡文化
PHP读取配置文件类实例(可读取ini,yaml,xml等)
2015/07/28 PHP
phpmyadmin下载、安装、配置教程
2017/05/16 PHP
CodeIgniter框架数据库基本操作示例
2018/05/24 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
javascript 函数使用说明
2010/04/07 Javascript
xss文件页面内容读取(解决)
2010/11/28 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
XMLHttpRequest处理xml格式的返回数据(示例代码)
2013/11/21 Javascript
jQuery CSS()方法改变现有的CSS样式
2014/08/20 Javascript
javascript闭包的理解
2015/04/01 Javascript
javascript正则表达式模糊匹配IP地址功能示例
2017/01/06 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
Node.js读取文件内容示例
2017/03/07 Javascript
vue-cli webpack 开发环境跨域详解
2017/05/18 Javascript
jQuery实现一个简单的验证码功能
2017/06/26 jQuery
vue slot 在子组件中显示父组件传递的模板
2018/03/02 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
2019/04/11 Javascript
七行JSON代码把你的网站变成移动应用过程详解
2019/07/09 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
Vue实现手机扫描二维码预览页面效果
2020/05/28 Javascript
2分钟实现一个Vue实时直播系统的示例代码
2020/06/05 Javascript
js实现微信聊天界面
2020/08/09 Javascript
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
用python 制作图片转pdf工具
2015/01/30 Python
python图像处理之反色实现方法
2015/05/30 Python
实例解析Python中的__new__特殊方法
2016/06/02 Python
Python搭建Spark分布式集群环境
2019/07/05 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
双向RNN:bidirectional_dynamic_rnn()函数的使用详解
2020/01/20 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
存储过程的优缺点是什么
2015/01/10 面试题
《太阳》教学反思
2014/02/21 职场文书
中药学专业毕业生推荐信
2014/07/10 职场文书
自主招生专家推荐信
2015/03/26 职场文书