ExtJS 取panel中html中的值,之前有用过ext.net控件版的;
取panel中html的值,因为我存放的是一个iframe想实现一个动态更改html中iframe的效果。
var panel = new Ext.Panel({ title: '数据展示', id: 'panelIframe', autoWidth: true, bodyBorder: false, html: '<iframe id=thisIframe width="100%" height="100%" frameborder=0 src="fileDetailsHRGrd.htm"></iframe>', tbar: [{ id: 'HrDetail', text: '横向平铺', iconCls: 'upload-icon', handler: this.showWindow }, { id: 'VeDetail', text: '列表平铺', iconCls: 'upload-icon' }] });
通过方法 showWindow来实现操作
实现操作如下:
function showWindow() { changeIframe('panelIframe','http://baidu.com/'); } function changeIframe(id, url) { //以iframe形式改对html显示结构方法 Ext.getCmp("" + id + "").body.dom.innerHTML = '<iframe id=thisIframe width="100%" height="100%" frameborder=0 src="' + url + '"></iframe>'; }
Ext.getCmp("id").body //取得panel主体
虽然简单,js版的ext刚写,记录用而已、