ExtJS學習----------Ext.DomHelper類學習(執行個體),extjs執行個體
具體執行個體(執行個體結果在程式中)
Ext.onReady(function(){//準備工作Ext.create('Ext.panel.Panel',{title:'DomHelper-元素產生器的使用',width:'90%' , height:400 ,renderTo:Ext.getBody(),html:'<div id=d1>我是d1</div>'});//DomHelper//1: createHtml或markup方法//配置項說明:四個//tag 元素的名稱 //children/cn表示子項目 //cls表示樣式 //html:常值內容//var html = Ext.DomHelper.createHtml({//tag:'ol' ,//cn:[//{tag:'li',html:'item1'},//{tag:'li',html:'item2'}//]//});//console.info(html);//將結果列印到控制台//返回結果:可以查看控制台中,html的值為:<ol><li>item1</li><li>item2</li></ol>//可以自己設定標籤中的各種屬性,結果產生了傳統的HTML//var html = Ext.DomHelper.createHtml({//tag:'div' , //children:[//{tag:'a' ,html:'bjsxt網站' , href:'www.bjsxt.cn'},//{tag:'input' , value:'點擊' , type:'button' }//]//});//console.info(html);//2: createDom方法 (這個方法是產生原生的dom節點,不推薦使用)//var dom = Ext.DomHelper.createDom({//tag:'div' ,//html:'我是div'//});//console.info(dom);//alert(dom.nodeName);//3: append方法//Ext.DomHelper.append('d1',{//tag:'ul' , //cn:[{tag:'li',html:'1111'},{tag:'li',html:'2222'}]//});//Ext.DomHelper.append('d1','<span>我是span內容</span>');//4:insertHtml方法 //這個方法就是為了操作原生的node節點的//參數說明:String where, HTMLElement/TextNode el, String html//Ext.DomHelper.insertHtml('beforeBegin',Ext.getDom('d1'),'<h1>我是標題!!</h1>')//5:overwrite方法//Ext.DomHelper.overwrite('d1',{tag:'span',html:'我是覆蓋的span'});//Ext.DomHelper.overwrite('d1','aaaaa');//6:createTemplate方法//var tp = Ext.DomHelper.createTemplate('<h1>{text}</h1><h2>{text2}</h2>'); //return Ext.Template//tp.overwrite('d1',{text:'我是被替換的內容!!',text2:'我也是替換的內容!!'});//7:applyStyles方法//Ext.DomHelper.applyStyles('d1',{//width:'100px',//height:'100px',//backgroundColor:'green'//});});
學習EXTJS
呵呵,樓主和我剛學ExtJS的時候一樣的。確實剛開始學有點難度。但是那是在你沒有足夠的瞭解到EXTJS的強大之前才有的想法。
“但是EXTJS頁面上大部分的元素布局都是靠JS來實現的..如果使用者把JS關閉了.那麼頁面等於什麼都沒有...這也是我一直沒有去學EXTJS的其中原因之一,”
我不太支援樓主的這句話。想問下,現在有哪些網站沒用JS的,靜態頁面?
總結一下我學ExtJS的經驗:
1、一個好的學習環境,(當初我是在進公司的時候自學的,因為公司要用到這個技術,所以給了我壓力)
2、一本好的API(推薦英文版的,因為想要獲得最新的IT技術,你就必須得懂英文)
3、網路環境(可以供你查閱相關資料,當然不是任何問題就百度,那樣你會退步)
4、有閱讀源碼的習慣(源碼裡有各種代碼的寫法,以及如何做到組件的重用等等。。)
extjs學習的問題,真鬱悶 最近想學習extjs,在官網上下載了ext-230,老是弄不好
一的問題可能是你在匯入ext的包時順序錯了,建議你把包的順序按照api文檔寫、、、
其他的我也不太懂,我也是初學者,有興趣可以一起交流。其實初學者多看看api和examples就行,還有ext4.0是要收費的,所以如果不是非常需要就別用4.0,3.0以下湊合吧、、