關於extjs嵌入html的信息

本文目錄一覽：

• 1、html頁面中如何嵌入extjs的panel控制項
• 2、急~~~ 寫好的Extjs怎樣嵌入到Html中
• 3、怎樣在Extjs框架中嵌入html
• 4、怎麼在Extjs的js文件里寫html代碼
• 5、怎麼在Extjs的js裡面定義html的table
• 6、如何獲得ExtJS中嵌入HTML中的元素，取值或設值？

html頁面中如何嵌入extjs的panel控制項

window.onload必須等到頁面內包括圖片的所有元素載入完畢後才能執行。

$(document).ready()是DOM結構繪製完畢後就執行，不必等到載入完畢。

所以，你把function 放進 $(document).ready() 這裡試一下

急~~~ 寫好的Extjs怎樣嵌入到Html中

我來了。。。

html

head

meta http-equiv=”Content-Type” content=”text/html; charset=gbk”

title03.grid/title

link rel=”stylesheet” type=”text/css” href=”../../resources/css/ext-all.css” /

script type=”text/javascript” src=”../../adapter/ext/ext-base.js”/script

script type=”text/javascript” src=”../../ext-all.js”/script

script type=”text/javascript”

Ext.onReady(function(){

var cm = new Ext.grid.ColumnModel([

{header:’編號’,dataIndex:’id’},

{header:’名稱’,dataIndex:’name’},

{header:’描述’,dataIndex:’descn’}

]);

var data = [

[‘1′,’name1′,’descn1’],

[‘2′,’name2′,’descn2’],

[‘3′,’name3′,’descn3’],

[‘4′,’name4′,’descn4’],

[‘5′,’name5′,’descn5’]

];

var store = new Ext.data.Store({

proxy: new Ext.data.MemoryProxy(data),

reader: new Ext.data.ArrayReader({}, [

{name: ‘id’},

{name: ‘name’},

{name: ‘descn’}

])

});

store.load();

var grid = new Ext.grid.GridPanel({

autoHeight: true,

renderTo: ‘grid’,

store: store,

cm: cm

});

});

/script

/head

body

script type=”text/javascript” src=”../shared/examples.js”/script

div id=”grid”/div

/body

/html

怎樣在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的js文件里寫html代碼

document.write(‘div id=”message”/div’); 如果是在頭文件引用message.js文件的話，光這個是沒用的，這樣會寫在頭文件里，你要用dom原理操作節點來添加，這個比較麻煩，用jquery的話就簡單了，直接$(“#myId”).after(‘div id=”message”/div’);這樣就在myId後加入了你要的內容。註：用jquery的話用引用jquery.js文件

怎麼在Extjs的js裡面定義html的table

一、在Extjs的js裡面定義html的table的方法：通過src的嵌入到extjs面板中的實現。

二、具體實現代碼：

三、使用軟體及運用到的知識：Extjs、html和css、js知識。

四、注意事項：不方便調用table中的相關內容信息

如何獲得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);

}

},提交回答