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 相关文章推荐
js 操作css实现代码
Jun 11 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
关于JavaScript中的关联数组分析
Apr 09 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
Jul 22 Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 Javascript
Jsonp post 跨域方案
Jul 06 Javascript
JS获得多个同name 的input输入框的值的实现方法
Jan 09 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
微信小程序实现顶部导航特效
Jan 28 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
微信小程序HTTP接口请求封装代码实例
Sep 05 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的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
php防止用户重复提交表单
2015/11/02 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
js操作table示例(个人心得)
2013/11/29 Javascript
js中创建对象的几种方式示例介绍
2014/01/26 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
2014/06/12 Javascript
Javascript非构造函数的继承
2015/04/27 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
实例详解jQuery表单验证插件validate
2016/01/18 Javascript
jQuery 3.0 的变化及使用方法
2016/02/01 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
2016/11/16 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
JS实现上传图片实时预览功能
2017/05/22 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
vue 子组件修改data或调用操作
2020/08/07 Javascript
[01:01:24]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第三局
2016/02/25 DOTA
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
[42:32]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第二场 10.28
2020/10/28 DOTA
Django开发中复选框用法示例
2018/03/20 Python
Python中循环引用(import)失败的解决方法
2018/04/22 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
python+mysql实现个人论文管理系统
2019/10/25 Python
一款css实现的鼠标经过按钮的特效
2014/09/11 HTML / CSS
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
跟单文员的岗位职责
2013/11/14 职场文书
大学生毕业鉴定
2014/01/31 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL
深入详解JS函数的柯里化
2021/06/09 Javascript
CSS实现隐藏搜索框功能(动画正反向序列)
2021/07/21 HTML / CSS
MySQL去除重叠时间求时间差和的实现
2021/08/23 MySQL
css3新特性的应用示例分析
2022/03/16 HTML / CSS
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis
win10以太网连接不上怎么办?Win10连接以太网详细教程
2022/04/08 数码科技
如何通过cmd 连接阿里云服务器
2022/04/18 Servers