




下載本文檔
版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
ExtJs初級UI設計進階教程了解Ext.Button:說白了就是網(wǎng)頁上的一個按鈕。說明:該組件代替了傳統(tǒng)submit,reset,button,HTML控件。構造參數(shù):-text:按鈕上的名稱。屬性:-text:獲得當前按鈕上的名稱。通過對象點屬性名得到。-minWidth:按鈕的最小寬度。方法:-setText:設置按鈕上的名稱。事件:-click:當點擊按鈕時觸發(fā)。由Ext.Button產(chǎn)生的引申話題:屬性:-renderTo:將當前對象所生成的HTML對象存放進指定的對象中構造參數(shù):-handler:指定一個方法的引用,在默認事件觸發(fā)時調(diào)用,此時的默認事件為click-listeners:這個是在對象初始化之前,就將一系列事件進行定義的手段,在進行組件化編程時,特別有用。案例如下:查看按鈕名稱<scripttype="text/javascript">//Ext.getBody()是指得到當前的body對象,得到的是Ext.element類型的對象元素。//document.body=Ext.getBody().dom;同樣的效果。//可以把下面的Ext.getBody()改成document.bodyExt.onReady(function(){var_button=newExt.Button({renderTo:Ext.getBody(),text:"確定"http://構造參數(shù),值有是"確定'、});alert(_button.text);//查看按鈕名稱});</script>取消按鈕名稱:<scripttype="text/javascript">//Ext.getBody()是指得到當前的body對象,得到的是Ext.element類型的對象元素。//document.body=Ext.getBody().dom;同樣的效果。//可以把下面的Ext.getBody()改成document.bodyExt.onReady(function(){var_button=newExt.Button({renderTo:Ext.getBody(),text:"確定"http://構造參數(shù),值有是"確定'、});//alert(_button.text);//查看按鈕名稱_button.setText("取消");//設置按鈕名稱});</script>按鈕二。<scripttype="text/javascript">Ext.onReady(function(){//推薦寫法newExt.Button({renderTo:Ext.getBody(),text:"確定",listeners:{"click":function(){alert("歡迎學習ExtJs");}}});});</script>按鈕三:<scripttype="text/javascript">Ext.onReady(function(){//傳統(tǒng)寫法,只在你的代碼也構建成組件化了,你的組件跟你的組件之間進行耦合時用的較多。var_btn=newExt.Button({renderTo:Ext.getBody(),text:"確定"});_btn.on("click",function(){alert("歡迎你學習EXTJS");});});</script>了解Ext.form.TextField說明:該組件代替了傳統(tǒng)的text組件屬性:--fieldLabel:文本框的標簽名稱。方法:
-getValue():得到當前的文本框的值。案例:前邊的名稱不顯示:<scripttype="text/javascript" >Ext.onReady(function(){newExt.form.TextField({renderTo:Ext.getBody(),fieldLabel:"姓名”});});</script>由Ext.from.TextField產(chǎn)生的引申話題Ext.layout.FormLayout:只能在此布局下才能正確顯示文本框的標簽名,布局的宿主對象必須是Ext.Container或者Ext.Container的子類。在應用FormLayout布局時只要在宿主對象的構造參數(shù)中指定layout:"form”即可。Ext.getCmp(string_id):得到id%_id的組件對象。了解Ext.Panel說明:從某種意義來講,其徹底改變了網(wǎng)頁界面是通過HTMLTable進行布局的歷史。屬性:--title:面板的標簽名--width:指定面板的寬度--height:指定面板的高度--frame:當為true,是把四個角成圓形。方法:--addButton(String/Object_config.Function_haneler,Ob
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 產(chǎn)品市場占有率波動原因分析風險評估重點基礎知識點
- 西師大版六年級數(shù)學上冊學期總結計劃
- 手術室流程優(yōu)化與護理管理規(guī)范
- 北師大版四年級數(shù)學上冊課堂管理計劃
- 再生資源倉庫管理的職責探討
- 制造業(yè)資源配備計劃
- 2025教師信息技術培訓與發(fā)展計劃
- 職業(yè)技能培訓信息技術應用計劃
- 2025年度房地產(chǎn)項目開發(fā)工作計劃范文
- 六年級上冊語文單元教學計劃調(diào)整方案
- 公路養(yǎng)護安全意識培訓
- 控制性詳細規(guī)劃城市用地分類和代號
- 鐵路專用線設計規(guī)范(試行)(TB 10638-2019)
- 主題一+鞋子擦洗自己做+第二課時(課件)-甘肅教育出版社勞動三年級+下冊
- ISO 45003-2021職業(yè)健康安全管理-工作中的心理健康安全-社會心理風險管理指南(中文版)
- 三年級語文 寫通知(全國一等獎)
- 2020電網(wǎng)技術改造工程概算定額第五冊調(diào)試工程
- 起重機機械金屬結構
- 自然教育課程的追尋與實踐
- 諾如病毒診斷和治療
- 《無人機攝影測量》考試復習題庫(含答案)
評論
0/150
提交評論