本文目录一览:
- 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);
}
},提交回答