extjshtml的簡單介紹

本文目錄一覽：

• 1、請問ExtJs如何獲取html內容,謝謝
• 2、怎樣在Extjs框架中嵌入html
• 3、如何獲得ExtJS中嵌入HTML中的元素，取值或設值？

請問ExtJs如何獲取html內容,謝謝

如圖所示

要獲取html內容，需要先獲取dom對象

Ext使用query類選擇器就能獲取，由於獲取的是集合，所以如果只有一個，就是數組下標0的對象。

故，html文本用 Ext.query(‘.xxx’)[0].innerHTML 獲取

html文本用 Ext.query(‘.xxx’)[0].outerHTML 獲取

怎樣在Extjs框架中嵌入html

用html屬性

{bodyStyle:’background:#069;color:#FFF;font-size:12px;padding-top:12px;’,html:’歡迎您！管理員’}

完整案例：

var hd={//這個就是上

region:’north’,

height:40,

bodyStyle:’background:#069;color:#FFF;font-size:12px;padding-top:12px;’,

html:’歡迎您！管理員’

};

var mainMenu={

id:’menu_panel’,

region:’west’,

title:’功能菜單’,

iconCls:’icon_menu’,

split:true,

width:135,

minSize:100,

maxSize:250,

margins:’2 0 5 5′,

cmargins:’2 5 5 5′,

collapsible:true,

bodyBorder:false,

bodyStyle:’background-color:#DFE8F6′,

layout:{type:’accordion’,animate:false},

defaults:{border:false,bodyStyle:’padding:0px’},

items:[]

};

var modulePanel={

id:’module_panel’,

region:’center’,

border:false,

layout:’card’,

margins:’2 5 5 0′,

cmargins:’2 5 5 5′,

activeItem:0,

items:[

{title:’歡迎進入管理系統 V1.0′,id:’dashboard’,

html:’內容區’

}]

};

var viewport=new Ext.Viewport({

layout:’border’,

items:[hd,mainMenu,modulePanel]

});

viewport.doLayout();

如何獲得ExtJS中嵌入HTML中的元素，取值或設值？

按照extjs思路，可以根據id和樣式表來取

給你個例子你研究一下

initComponent: function () {

this.callParent(arguments);

this.on(“viewready”, function () {//在所有組件已經渲染成功時調用

this.addclickevent();

}, this, {single:true,})

}

addclickevent:function(){

var kk = Ext.query(“.mkiconbutton”, false, this.getEl().dom);//這句話是查詢樣式表,你改成你html中需要取得樣式表就行，到這裡你就可以控制取值或賦值

for(var i=0;ikk.length;i++){

this.mon(kk[i],”click”,this.mkitemclick,this);

}

},提交回答