Ext的html属性

Ext封装好的panel是页面布局的基础,和javax.Swing.JPanel机制很像,可以通过嵌套实现复杂布局,它既是组件也是容器很多组件都是在它的基础上扩展出来的,

给面板加载内容有这么几种方法,

1.html:'<div style="color:red">hello world</div>', 

2.autoLoad:'test.html',注意加载的文件中不能有<!-- -->或html:' <iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="'+'default.aspx'+'"> </iframe>', 

3.items:[{ xtype: 'panel', title: 'Hello',html:'<div>I am panel A</div>' },{ xtype: 'panel', title: 'test', autoLoad:'test.html'},{xtype:'userList'}] Ext别名的威力很好用 ,

如果要显示留言或者评论可以在加载方法中用 Ext.getCmp("comment").body.update('服务器端查询数据库拼接的带显示样式的字符串'); 或者Ext.getCmp(‘panel1’).body.update( '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="test.jsp"></iframe>');

var p = new Ext.Panel({
    title: 'My Panel',
    collapsible:true,
    width:400,
    id:’panel1’,
    html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="PagingGrid.jsp"></iframe>'
    })

更改整个panel的内容,

Ext.getCmp('historyComment_id').body.update('<b>张三</b>:ddddd<br/><br/><b>李四</b>:ddddd<br/><br/>');

使用Ext.fly('id').dom.innerHTML获取html代码。