Question

extjs的panel怎样显示内容？

var p = new Ext.Panel({
title: 'My Panel',//标题
collapsible:true,//右上角上的那个收缩按钮，设为false则不显示
contentEl: 'container',//这个panel显示在html中id为container的层中
width:400,
height:200,
html: "<p>我是内容，我包含的html可以被执行！</p>"//panel主体中的内容，可以执行html代码
});
--------------------------------
能在html:后面显示内容。但是如果我想显示动态的内容呢？比容用struts2标签显示一个列表，也要写到html:后面吗?

Answer 1

panel的html属性通常只是用来显示文本信息的;
如果想显示动态的内容,通常有以下两种方法:
1> html配置项的内容是iframe,例如:
html:"<iframe src='http://www.baidu.com'></iframe>"
你把需要把src属性值换成你的jsp页面或其它动态生成的内容就可以了;

2> 使用autoLoad配置项,它的值是一个页面,这个对于加载动态的内容实现起来有一点麻烦,没有使用iframe那么直观.但通常推荐使用此种方法.

两种例子我的QQ空间都有,是我以前学习的时候总结的,有源码,有展示示例. QQ:58472399

Answer 2

panel只是一个容器
想要显示内容，你就必须要在容器中放置控件来显示你想要的内容
例如：textfield、textarea等等