extjs簡(jiǎn)介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
ExtJS為開發(fā)者在開發(fā)富客戶的B/S應(yīng)用中提供豐富的UI組件，具有統(tǒng)一的主題，便于快速開發(fā)，提高效率。但顯然它并不適合互聯(lián)網(wǎng)站的開發(fā)。
主要目錄文件介紹
- builds：壓縮后的ExtJS代碼，體積更小，更快；
- docs：開發(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: '詢問(wèn)',
msg: '您喜歡 ExtJs 嗎？',
fn: processResult,
icon: Ext.Msg.QUESTION,
buttons: Ext.Msg.YESNO
});
}
}
]
});
win.show();
});
//詢問(wèn)對(duì)話框處理Handler
function processResult(btn) {
Ext.Msg.alert('結(jié)果', btn);
}
</script>
</head>
<body>
<div>
</div>
</body>
</html>
相關(guān)文章
利用JS實(shí)現(xiàn)獲取當(dāng)前系統(tǒng)電量情況
在前端瀏覽器中我們可以通過(guò)使用JavaScript的navigator.getBattery()方法來(lái)獲取當(dāng)前系統(tǒng)的電池情況,本文將介紹如何使用這個(gè)API以及它在實(shí)際應(yīng)用中的使用,需要的可以參考下2023-12-12
JS實(shí)現(xiàn)二維數(shù)組元素的排列組合運(yùn)算簡(jiǎn)單示例
這篇文章主要介紹了JS實(shí)現(xiàn)二維數(shù)組元素的排列組合運(yùn)算,結(jié)合實(shí)例形式分析了javascript針對(duì)二維數(shù)組的遍歷、排列組合運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
本文通過(guò)實(shí)例代碼給大家介紹了JS圖片輪播與索引變色功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-07-07
JavaScript Konami Code 實(shí)現(xiàn)代碼
JavaScript Konami Code 實(shí)現(xiàn)代碼2009-07-07
掃微信小程序碼實(shí)現(xiàn)網(wǎng)站登陸實(shí)現(xiàn)解析
這篇文章主要介紹了掃微信小程序碼實(shí)現(xiàn)網(wǎng)站登陸實(shí)現(xiàn)解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
map和set一樣是關(guān)聯(lián)式容器,它們的底層容器都是紅黑樹,區(qū)別就在于map的值不作為鍵,鍵和值是分開的,下面這篇文章主要給大家介紹了關(guān)于js中Map和Set的用法及區(qū)別的相關(guān)資料,需要的朋友可以參考下2022-02-02
使用javascript實(shí)現(xiàn)頁(yè)面加載loading動(dòng)畫(附完整源碼)
由于項(xiàng)目中多處要給ajax提交的時(shí)候增加等待動(dòng)畫效果,所以就寫了一個(gè)簡(jiǎn)單的通用js方法,這篇文章主要給大家介紹了關(guān)于如何使用javascript實(shí)現(xiàn)頁(yè)面加載loading動(dòng)畫的相關(guān)資料,需要的朋友可以參考下2024-06-06
基于JavaScript實(shí)現(xiàn)新增內(nèi)容滾動(dòng)播放效果附完整代碼
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)新增內(nèi)容滾動(dòng)播放效果,效果非常棒，實(shí)現(xiàn)代碼簡(jiǎn)單易懂，需要的朋友可以參考下2017-08-08
簡(jiǎn)單實(shí)現(xiàn)js倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了js倒計(jì)時(shí)效果的實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
微信小程序完美解決scroll-view高度自適應(yīng)問(wèn)題的方法
這篇文章主要介紹了微信小程序完美解決scroll-view高度自適應(yīng)問(wèn)題的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08