快捷導(dǎo)航

extjs簡(jiǎn)介_(kāi)動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

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

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

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

主要目錄文件介紹

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

如何引入文件

在項(xiàng)目中使用ExtJS，以下文件必需的：

1 整個(gè)resources文件夾

2 ext-all.js或ext-all-debug.js或ext-all-debug-w-comments.js文件

3 ext-lang-zh_CN.js文件

在頁(yè)面中用到ExtJS至少引入以下文件：

1 resources\css\ext-all.css

2 ext-all.js（如果要對(duì)ExtJS代碼進(jìn)行調(diào)試或?qū)W習(xí)可引入ext-all-debug.js或ext-all-debug-w-comments.js）

3 ext-lang-zh_CN.js

一個(gè)簡(jiǎn)單示例

<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)建一個(gè)窗體
      var win = new Ext.Window({
        width: 300,
        height:300,
        items: [],
        modal: true,
        buttonAlign: 'center',
        buttons: [{
          text: '測(cè)試', id: 'btnTest', handler: function () {
            Ext.Msg.show({
              title: '詢(xún)問(wèn)',
              msg: '您喜歡 ExtJs 嗎？',
              fn: processResult,
              icon: Ext.Msg.QUESTION,
              buttons: Ext.Msg.YESNO
            });
          }
        }
        ]
      });
      win.show();
    });

    //詢(xún)問(wèn)對(duì)話框處理Handler
    function processResult(btn) {
      Ext.Msg.alert('結(jié)果', btn);
    }
  </script>
</head>
<body>
  <div>
  </div>
</body>
</html>

您可能感興趣的文章:

相關(guān)文章

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