




已閱讀5頁,還剩18頁未讀, 繼續(xù)免費(fèi)閱讀
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
ExtJS入門培訓(xùn) 張燕2009 12 3 1 目錄 一 ExtJS概述二 實(shí)例三 實(shí)踐 2 1 1 ExtJS概述 1 ExtJS是一個(gè)用javascript編寫 與后臺技術(shù)無關(guān)的前端Ajax框架 用來開發(fā)帶有華麗外觀的富客戶端應(yīng)用 使得我們的b s應(yīng)用更加具有活力及生命力 2 3 1 2 ExtJS的文件結(jié)構(gòu) adapter 負(fù)責(zé)將里面提供第三方底層庫 包括Ext自帶的底層庫 映射為Ext所支持的底層庫 ext all js 壓縮后的Ext全部源碼 ext all debug js 無壓縮的Ext全部的源碼 用于調(diào)試 ext core js 壓縮后的Ext的核心組件 包括sources core下的所有類 ext core debug js 無壓縮Ext的核心組件 包括sources core下的所有類 source 無壓縮Ext全部的源碼 里面分類存放 遵從LesserGNU LGPL 開源的協(xié)議 resources ExtUI資源文件目錄 如CSS 圖片文件都存放在這里面 exmaples 提供使用ExtJs技術(shù)做出的小實(shí)例 docs API幫助文檔 build 壓縮后的ext全部源碼 里面分類存放 4 1 3 ExtJS的應(yīng)用 使用ExtJS框架的頁面中一般包括下面幾句 5 1 4 ExtJS類庫 底層API core 提供了對DOM操作 查詢的封裝 事件處理 DOM查詢器等基礎(chǔ)的功能 控件 widgets 可以直接在頁面中創(chuàng)建的可視化組件 比如面板 選項(xiàng)板 表格 樹 窗口 菜單 工具欄 按鈕等等 實(shí)用工具Utils Ext提供了很多的實(shí)用工具 方便實(shí)現(xiàn)如數(shù)據(jù)內(nèi)容格式化 JSON數(shù)據(jù)解碼或反解碼 對Date Array 發(fā)送Ajax請求 Cookie管理 CSS管理等擴(kuò)展等功能 6 1 5 ExtJS組件 基本組件 7 1 5 ExtJS組件 工具欄組件 8 1 5 ExtJS組件 表單及字段組件 9 1 6 ExtJS組件使用 10 1 6 ExtJS事件 11 1 7 ExtJS布局 布局是指容器組件中子元素的分布 排列組合方式 Ext的所有容器組件都支持布局操作 每一個(gè)容器都會有一個(gè)對應(yīng)的布局 布局負(fù)責(zé)管理容器組件中子元素的排列 組合及渲染方式等 ExtJS的容器組件包含一個(gè)layout及l(fā)ayoutConfig配置屬性 分別用來指定容器使用的布局及布局的詳細(xì)配置信息 如果沒有指定容器組件的layout則默認(rèn)會使用ContainerLayout作為布局 Ext中的一些容器組件都已經(jīng)指定所使用的布局 比如TabPanel使用card布局 FormPanel使用form布局 GridPanel中的表格使用column布局等 不能給這些容器組件再指定另外的布局 ExtJS2 0一共包含十種布局 常用的布局有border column fit form card tabel等布局 12 1 8 ExtJS常用布局 Border 把容器分成東南西北中五個(gè)區(qū)域 分別由east south west north cente來表示 在往容器中添加子元素的時(shí)候 只需要指定這些子元素所在的位置 Border布局會自動(dòng)把子元素放到布局指定的位置 13 1 8 ExtJS常用布局 Column列 把整個(gè)容器組件看成一列 然后往里面放入子元素的時(shí)候 可以通過在子元素中指定使用columnWidth或width來指定子元素所占的列寬度 columnWidth表示使用百分比的形式指定列寬度 而width則是使用絕對象素的方式指定列寬度 14 1 8 ExtJS常用布局 Form 是一種專門用于管理表單中輸入字段的布局 主要用于在程序中創(chuàng)建表單字段或表單元素等使用 15 1 8 ExtJS常用布局 Accordion 使用該布局的容器組件中的子元素是可折疊的形式 16 目錄 一 ExtJS概述二 實(shí)例三 實(shí)踐 17 2 1 Ext2 0自帶示例 ext 2 0 2 examples 18 2 2 ShsaOA頁面 19 2 2 Ext框架 1 新建工程 導(dǎo)入類庫文件2 將Ext拷貝到工程中3 制作jsp頁面 編寫jsp中調(diào)用的ExtJs 編寫ExtJs中調(diào)用的Action 20 目錄 一 ExtJS概述二 實(shí)例
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- DB36-T1659-2022-市場主體信用風(fēng)險(xiǎn)分類分級規(guī)范-江西省
- A-Level經(jīng)濟(jì)學(xué)(AS)2024-202年微觀經(jīng)濟(jì)測試:市場結(jié)構(gòu)創(chuàng)新與經(jīng)濟(jì)模型驗(yàn)證
- 23年客運(yùn)員背規(guī)復(fù)習(xí)試題及答案
- 2025年劍橋英語CAE(C1)模擬試卷(商務(wù)英語與高級寫作)-商務(wù)報(bào)告撰寫與優(yōu)化
- A-Level計(jì)算機(jī)科學(xué)2024-202模擬試卷:算法設(shè)計(jì)與編程實(shí)現(xiàn)實(shí)戰(zhàn)挑戰(zhàn)
- 安徽省蚌埠市2024-2025學(xué)年高二下學(xué)期期末語文試題
- 2025年注冊結(jié)構(gòu)工程師考試鋼結(jié)構(gòu)設(shè)計(jì)模擬試題匯編(含解析與策略)
- 2025年統(tǒng)計(jì)學(xué)期末考試題庫:非參數(shù)統(tǒng)計(jì)方法案例分析
- 學(xué)習(xí)MySQL視圖創(chuàng)建技巧試題及答案分享
- 2025年美國區(qū)域數(shù)學(xué)聯(lián)賽(ARML)團(tuán)隊(duì)賽模擬試卷(跨模塊協(xié)作解題)-數(shù)學(xué)競賽歷年真題回顧
- 中醫(yī)藥進(jìn)校園
- 2024年福建泉州惠安縣互聯(lián)網(wǎng)網(wǎng)格員招考聘用(高頻重點(diǎn)復(fù)習(xí)提升訓(xùn)練)共500題附帶答案詳解
- 醫(yī)院污水處理培訓(xùn)教學(xué)
- 機(jī)務(wù)維修作風(fēng)課件講解
- 垃圾清運(yùn)服務(wù)投標(biāo)方案技術(shù)方案
- 店長入股門店合同范本
- 湖北省武漢市漢陽區(qū)2023-2024學(xué)年七年級下學(xué)期期末數(shù)學(xué)試題
- 2024年大學(xué)生西部計(jì)劃志愿者招募筆試題庫(供參考)
- 安全技術(shù)交底記錄(工人入場)
- 醫(yī)療器械質(zhì)量體系迎審
- 馬拉松賽事運(yùn)營服務(wù)方案
評論
0/150
提交評論