Ext的html属性
来源:互联网 发布:2017网络用语大全 编辑:程序博客网 时间:2024/05/23 00:03
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代码。
- Ext的html属性
- EXT动态修改panel的html属性
- Ext tree的属性
- Ext.Component的ref属性
- Ext.Window 的常见属性
- Ext.Window 的常见属性
- Ext.Component的ref属性
- Ext中常用的属性
- Ext JS的Html标签与Ext组件的交互
- EXT 属性
- 关于ext 的Ext.tab.Panel一些属性和方法
- Ext.data.JsonReader的fields属性详解
- EXT修改Btn的disabled属性
- Ext.Window的属性及方法
- ext.grid的配置属性和方法
- ext.grid的配置属性和方法
- Ext.Window 的常见属性
- ext的树节点操作常用属性
- 证书生成 和Tomcat配置
- SSH2框架搭建 和 配置文件详解
- Android: 下载并编译Android Source Tree
- linux线程函数大全
- IOS常用代码整理
- Ext的html属性
- Android: 在模拟器中测试build完成的系统
- NoClassDefFoundError: javax/el/ELResolve和Sealing Violation错误和jsp servlet cannot be resolved to
- nginx安装和配置
- Android: 内核编译
- Android : 如何在布局文件中添加自己的组件
- sql server SCHEMA(架构)
- sharepoint 2010 扩展调查字段属性系列-投票系统扩展方案
- 很简短,但读完你会感触良多!