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同时按下两个方向键
Dec 01 Javascript
for 循环性能比较 提高for循环的效率
Mar 19 Javascript
jQuery 添加/移除CSS类实现代码
Feb 11 Javascript
Js参数值中含有单引号或双引号问题的解决方法
Nov 06 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 Javascript
微信小程序 商城开发(ecshop )简单实例
Apr 07 Javascript
vue通过style或者class改变样式的实例代码
Oct 30 Javascript
vue-cli和v-charts实现可视化图表过程解析
Oct 08 Javascript
JavaScript交换两个变量方法实例
Nov 25 Javascript
微信小程序如何实现radio单选框单击打勾和取消
Jan 21 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 5昨天隆重推出--PHP 5/Zend Engine 2.0新特性
2006/10/09 PHP
PHP类的静态(static)方法和静态(static)变量使用介绍
2012/02/19 PHP
php项目开发中用到的快速排序算法分析
2016/06/25 PHP
PHP实现文件上传下载实例
2016/10/18 PHP
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
2010/01/05 Javascript
固定网页背景图同时保持图片比例的思路代码
2013/08/15 Javascript
Document.location.href和.replace的区别示例介绍
2014/03/04 Javascript
jQuery中大家不太了解的几个方法
2015/03/04 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
2015/12/24 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
2016/11/29 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
jQuery ajax实现省市县三级联动
2021/03/07 Javascript
vue-cli的webpack模板项目配置文件分析
2017/04/01 Javascript
vue使用i18n实现国际化的方法详解
2019/09/05 Javascript
javascript实现摄像头拍照预览
2019/09/30 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
如何利用javascript接收json信息并进行处理
2020/08/06 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
使用python统计文件行数示例分享
2014/02/21 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
python 将print输出的内容保存到txt文件中
2018/07/17 Python
pytorch: tensor类型的构建与相互转换实例
2018/07/26 Python
Django 项目重命名的实现步骤解析
2019/08/14 Python
python实现操作文件(文件夹)
2019/10/31 Python
python基于socket实现的UDP及TCP通讯功能示例
2019/11/01 Python
PyTorch的SoftMax交叉熵损失和梯度用法
2020/01/15 Python
python regex库实例用法总结
2021/01/03 Python
美国在线宠物商店:Chewy
2019/01/12 全球购物
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
司马光教学反思
2014/02/01 职场文书
护理助产毕业生的求职信
2014/03/02 职场文书
董事长秘书岗位职责
2015/02/13 职场文书
golang中字符串MD5生成方式总结
2021/07/04 Golang