很奇怪的问题。。。

Question

页面布局是这样的

首先创建一个日期面板
var dr = new Ext.FormPanel({
frame: false,
title: '',
width: 260,
defaultType: 'datefield',
defaults:{width:150},
items: [{
fieldLabel : '起始日期',
name: 'startdt',
emptyText: '请选择起始日期 ...',
id: 'startdt',
vtype: 'daterange',
format : 'Y-m-d',
invalidText:'日期格式不正确',
endDateField: 'enddt' // id of the end date field
},{
fieldLabel : '结束日期',
name: 'enddt',
emptyText: '请选择结束日期 ...',
id: 'enddt',
invalidText:'日期格式不正确',
vtype: 'daterange',
format : 'Y-m-d',
startDateField: 'startdt' // id of the start date field
}]
});
第一次 通过这种方式： dr.render('TimePress');加入层中

操纵过程中我想返回 重新选择日期这个时候id为ss的层中肯定是包含了其他层的 因此这个时候 我想这样：
document.getElementById("ss").innerHTML="

"
这样 重载一下然后再dr.render('TimePress');这样 但是 我发现这样子根本没办法 把日期面板加载下来。。。大家帮我看看为啥。。新人叻

Answer 1

一个组件只能render一次，所以要么就保持原有组件不要动它，要么就重新创建并render。

PS：你这样直接将html置空会有很多问题，应该先执行dr.destroy()，让Ext来销毁组件相关的html节点。
在Ext中，组件是将html封装起来的一种形式，使用Ext就要尽量避免直接操作html，而是操作组件。