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

发布时间 - 2026-01-11 02:22:29    点击率:

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>


# extjs简介  # extjs  # ExtJS 2.0实用简明教程 之Ext类库简介  # ExtJS 简介 让你知道extjs是什么  # 互联  # 更快  # 要对  # 所需要  # 对话框  # 创建一个  # 源代码  # 更小  # 提高效率  # 多国语言  # 各部分  # 文档  # debug  # zh_CN  # ext  # resources  # lang  # comments  # text  # brush 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何正确选择百度移动适配建站域名?  Laravel如何实现API版本控制_Laravel版本化API设计方案  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  ,南京靠谱的征婚网站?  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?  Android自定义listview布局实现上拉加载下拉刷新功能  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  晋江文学城电脑版官网 晋江文学城网页版直接进入  零服务器AI建站解决方案:快速部署与云端平台低成本实践  PHP正则匹配日期和时间(时间戳转换)的实例代码  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  如何在Windows环境下新建FTP站点并设置权限?  Laravel观察者模式如何使用_Laravel Model Observer配置  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?  JavaScript数据类型有哪些_如何准确判断一个变量的类型  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  浅谈javascript alert和confirm的美化  如何在宝塔面板中创建新站点?  如何在浏览器中启用Flash_2025年继续使用Flash Player的方法【过时】  如何用美橙互联一键搭建多站合一网站?  油猴 教程,油猴搜脚本为什么会网页无法显示?  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)  微信h5制作网站有哪些,免费微信H5页面制作工具?  Laravel如何自定义分页视图?(Pagination示例)  百度浏览器如何管理插件 百度浏览器插件管理方法  PythonWeb开发入门教程_Flask快速构建Web应用  如何获取免费开源的自助建站系统源码?  详解Android——蓝牙技术 带你实现终端间数据传输  Laravel Eloquent性能优化技巧_Laravel N+1查询问题解决  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  Laravel如何实现文件上传和存储?(本地与S3配置)  大连网站制作公司哪家好一点,大连买房网站哪个好?  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  ,在苏州找工作,上哪个网站比较好?  Android中AutoCompleteTextView自动提示  如何在阿里云ECS服务器部署织梦CMS网站?  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  在线制作视频网站免费,都有哪些好的动漫网站?  如何用已有域名快速搭建网站?  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站?  网站制作免费,什么网站能看正片电影?  悟空识字如何进行跟读录音_悟空识字开启麦克风权限与录音  Laravel如何实现数据库事务?(DB Facade示例)  如何撰写建站申请书?关键要点有哪些?  Laravel如何使用Facades(门面)及其工作原理_Laravel门面模式与底层机制  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  详解免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)  SQL查询语句优化的实用方法总结