关于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);

}

},提交回答