extjs簡介_動力節(jié)點Java學(xué)院整理

更新時間：2017年07月17日 10:06:44 作者：willick

這篇文章主要介紹了extjs簡介，ExtJS為開發(fā)者在開發(fā)富客戶的B/S應(yīng)用中提供豐富的UI組件，具有統(tǒng)一的主題，便于快速開發(fā)，提高效率

ExtJS為開發(fā)者在開發(fā)富客戶的B/S應(yīng)用中提供豐富的UI組件，具有統(tǒng)一的主題，便于快速開發(fā)，提高效率。但顯然它并不適合互聯(lián)網(wǎng)站的開發(fā)。

主要目錄文件介紹

builds：壓縮后的ExtJS代碼，體積更小，更快；
docs：開發(fā)文檔；
examples：官方演示示例；
locale：多國語言資源文件；
pkgs：ExtJS各部分功能的打包文件；
resource：ExtJS所需要的CSS與圖片文件；
src：未壓縮的源代碼目錄；
bootstarp.js：ExtJS庫引導(dǎo)文件,可自動切換ext-all.js與ext-all-debug.js；
ext-all.js：ExtJS核心庫；
ext-all-debug.js：ExtJS核心庫的調(diào)試版,調(diào)試時使用。
ext-all-debug-w-comments.js：帶注釋的ExtJS核心庫調(diào)試版。

如何引入文件

在項目中使用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代碼進行調(diào)試或?qū)W習(xí)可引入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 () {
      //創(chuàng)建一個窗體
      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('結(jié)果', btn);
    }
  </script>
</head>
<body>
  <div>
  </div>
</body>
</html>

您可能感興趣的文章:

extjs
簡介

相關(guān)文章

記錄一次開發(fā)微信網(wǎng)頁分享的步驟
這篇文章主要介紹了記錄一次開發(fā)微信網(wǎng)頁分享的步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-05-05
細(xì)品javascript 尋址,閉包,對象模型和相關(guān)問題
似乎某些程序員的集合是不相交的，就好像JS程序員和玩編譯原理和CPU指令的匯編程序員就幾乎沒有交叉。前些日子討論的火熱的“作用域鏈”問題，說白了就是尋址問題，不過，這個在C中十分簡單的問題卻被JS這個動態(tài)語言弄得很復(fù)雜。
2009-04-04
微信小程序?qū)崿F(xiàn)錄音功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)錄音功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-11-11
js與jquery實時監(jiān)聽輸入框值的oninput與onpropertychange方法
這篇文章主要介紹了js與jquery實時監(jiān)聽輸入框值的oninput與onpropertychange方法,實例分析了oninput與onpropertychange實現(xiàn)下拉框里自動匹配關(guān)鍵字實時監(jiān)聽文本框value值變化的功能,需要的朋友可以參考下
2015-02-02
記一次webpack3升級webpack4的踩坑經(jīng)歷
這篇文章主要介紹了記一次webpack3升級webpack4的踩坑經(jīng)歷，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
Rollup處理并打包JS文件項目實例代碼
rollup是一款用來es6模塊打包代碼的構(gòu)建工具(支持css和js打包)。這篇文章主要介紹了Rollup處理并打包JS文件項目實例,需要的朋友可以參考下
2018-05-05
JS實現(xiàn)圖片上傳預(yù)覽功能
本文給大家分享一段js代碼關(guān)于實現(xiàn)圖片上傳預(yù)覽功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧
2016-11-11
JS中比較冷門但非常好用的方法總結(jié)
在Js中有一些比較冷門但是非常好用的方法，我在這里稱之為高級方法，這些方法沒有被廣泛使用或多或少是因為存在一些兼容性的問題，不是所有的瀏覽器都讀得懂的，這篇文章主要就是對這些方法做一個總結(jié)，讓我們一起來看一下吧
2023-06-06
三劍客：offset、client和scroll還傻傻分不清？
這篇文章主要給大家介紹了三劍客：offset，client和scroll的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
JS優(yōu)化與惰性載入函數(shù)實例分析
這篇文章主要介紹了JS優(yōu)化與惰性載入函數(shù),結(jié)合具體實例形式分析了JS惰性載入的原理、實現(xiàn)技巧與相關(guān)注意事項,需要的朋友可以參考下
2017-04-04