ExtJS4中treePanel为何循环加载树结构，导致浏览器奔溃
为何树一直在循环加载，导致浏览器奔溃呢。
错误结果：
---------------------
工作平台
|------工作平台
|-------工作平台
|-------工作平台
。。。。
---------------------
Json数据
---------------------
{
"dataset" : [{
"name" : "selfwork",
"text" : "工作平台",
"leaf" : false,
"expended" : false,
"order" : 1,
"children" : [{
"id" : "11",
"text" : "我的任务",
"leaf" : true
}]
} ]
}
---------------------
Model模型
---------------------
Ext.define('Xrz.model.Menu', {
extend : 'Ext.data.Model',
fields : [{
name : 'id',
type : 'int',
mapping : 'id'
}, {
name : 'text',
type : 'string',
mapping : 'text'
}, {
name : 'leaf',
type : 'boolean',
mapping : 'leaf'
}, {
name : 'loaded',
type : 'boolean',
mapping : 'loaded',
defaultValue : false
}, {
name : 'expanded',
defaultValue : true
}, {
name : 'order',
type : 'int'
}],
proxy : {
type : 'ajax',
url : 'data/menus.json',
reader : {
type : 'json',
root : 'dataset'
}
}
});
---------------------
Store
---------------------
Ext.define('Xrz.store.MenuStore', {
extend : 'Ext.data.TreeStore',
model : 'Xrz.model.Menu',
sorters : [{
property : 'order',
direction : 'ASC'
}],
root : {
text : '一级菜单',
name : 'People',
expanded : true
}
});
---------------------
viewport
---------------------
var store = Ext.create('Xrz.store.MenuStore');
var treePanel = Ext.create('Ext.tree.Panel', {
width : 200,
height : 150,
lines : false,
useArrows : true,
store : store,
rootVisible : false,
listeners:{
'itemclick': this.menuClick
}
});
---------------------
[解决办法]
{
"dataset" : [{
"name" : "selfwork",
"text" : "工作平台",
"leaf" : false,
"expended" : false,
"order" : 1,
"children" : [{
"id" : "11",
"text" : "我的任务",
"leaf" : true
}]
} ]
}
写错属性了，是expanded，你定义的Model里面默认expanded是true，所有请求完毕后发现找不到expanded，默认为ture，有发送下一次ajax导致死循环
