我有两个 extjs treeStore,一个是 temp,另一个是工作 treeStore,其数据由 treePanel 解释。代码:
var treeStore = Ext.create('Ext.data.TreeStore',{
root: {
childrens:[],
expanded: true,
text: 'Services'
}
});
var tempStore = Ext.create('Ext.data.TreeStore',{
autoload: false,
proxy:{
type: 'ajax',
url: 'server.jsp',
reader: {
type:'json'
}
},
clearOnLoad: true,
listeners:{
load:{
fn: afterload
}
}
});
tempStore.load();
function afterload(store)
{
var rootTree = treeStore.getRootNode();
var copyChilds = Ext.clone(store.getRootNode().childNodes);
if(rootTree.hasChildNodes())
{
rootTree.removeAll(false);
}
for(var i=0;i<copyChilds.length;i++)
{
rootTree.appendChild(copyChilds[i]);
}
}
当调用 tempStore.load 方法时,我将在服务器上发送查询,获取数据,然后将其放在另一个 treeStore.p> tempStore 使用 TaskRunner 每 3 秒重新加载一次:
var taskTree = {
run: reloadTree,
interval:3000 // 1 second
}
var runReloadTreePanel = Ext.create("Ext.util.TaskRunner");
我有复选框,当我将它的状态更改为 true 时,跑步者开始工作:
var checkbox = Ext.create('Ext.form.field.Checkbox',{
boxLabel: 'Refresh',
listeners :{
change: {
fn: changeCheckBoxState
}
}
});
function changeCheckBoxState(field,newValue,oldValue)
{
if(newValue)
{
runReloadTreePanel.start(taskTree);
}
else
{
runReloadTreePanel.stop(taskTree);
}
}
问题:
由于方法后加载内容,即复制数据,在启动 2-3 分钟后内存开始增长(每 10 秒 3-4MB)。是错误还是我做错了什么?也许函数 removeAll(false) 没有删除 treeStore 根节点的所有子数据?我使用了很多变体——使用 Ext.select(..) + innerHtml 清理 dom 模型元素,尝试使用 remove(..) 将记录一一删除,但内存会增长。我的树形面板解释一切都很好,没有不必要的数据。有任何想法吗?对不起,如果我的英语不好。(