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代碼進(jìn)行調(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>
相關(guān)文章
利用JS實現(xiàn)獲取當(dāng)前系統(tǒng)電量情況
在前端瀏覽器中我們可以通過使用JavaScript的navigator.getBattery()方法來獲取當(dāng)前系統(tǒng)的電池情況,本文將介紹如何使用這個API以及它在實際應(yīng)用中的使用,需要的可以參考下2023-12-12
JS實現(xiàn)二維數(shù)組元素的排列組合運算簡單示例
這篇文章主要介紹了JS實現(xiàn)二維數(shù)組元素的排列組合運算,結(jié)合實例形式分析了javascript針對二維數(shù)組的遍歷、排列組合運算等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
本文通過實例代碼給大家介紹了JS圖片輪播與索引變色功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-07-07
JavaScript Konami Code 實現(xiàn)代碼
JavaScript Konami Code 實現(xiàn)代碼2009-07-07
掃微信小程序碼實現(xiàn)網(wǎng)站登陸實現(xiàn)解析
這篇文章主要介紹了掃微信小程序碼實現(xiàn)網(wǎng)站登陸實現(xiàn)解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08
map和set一樣是關(guān)聯(lián)式容器,它們的底層容器都是紅黑樹,區(qū)別就在于map的值不作為鍵,鍵和值是分開的,下面這篇文章主要給大家介紹了關(guān)于js中Map和Set的用法及區(qū)別的相關(guān)資料,需要的朋友可以參考下2022-02-02
使用javascript實現(xiàn)頁面加載loading動畫(附完整源碼)
由于項目中多處要給ajax提交的時候增加等待動畫效果,所以就寫了一個簡單的通用js方法,這篇文章主要給大家介紹了關(guān)于如何使用javascript實現(xiàn)頁面加載loading動畫的相關(guān)資料,需要的朋友可以參考下2024-06-06
基于JavaScript實現(xiàn)新增內(nèi)容滾動播放效果附完整代碼
這篇文章主要介紹了基于JavaScript實現(xiàn)新增內(nèi)容滾動播放效果,效果非常棒，實現(xiàn)代碼簡單易懂，需要的朋友可以參考下2017-08-08
這篇文章主要為大家詳細(xì)介紹了js倒計時效果的實現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
微信小程序完美解決scroll-view高度自適應(yīng)問題的方法
這篇文章主要介紹了微信小程序完美解決scroll-view高度自適應(yīng)問題的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08