Javascript Sencha touch:具有多个根属性的嵌套列表
我试图在嵌套列表中显示下面所示的JSON结构。每个类别都有一个名称,由子类别和叶组成Javascript Sencha touch:具有多个根属性的嵌套列表,javascript,extjs,sencha-touch,Javascript,Extjs,Sencha Touch,我试图在嵌套列表中显示下面所示的JSON结构。每个类别都有一个名称,由子类别和叶组成 { name: 'root', categories: [ { name: 'Category 1', categories: [ { name: 'Category 1.1', leafs: [
{
name: 'root',
categories: [
{
name: 'Category 1',
categories: [
{
name: 'Category 1.1',
leafs: [
{ name: 'Leaf 1.1.1', leaf: true },
{ name: 'Leaf 1.1.2', leaf: true }
]
}
],
leafs: [
{ name: 'Leaf 1.1', leaf: true },
{ name: 'Leaf 1.2', leaf: true }
]
},
{
name: 'Category 2',
leafs: [
{ name: 'Leaf 2.1', leaf: true },
{ name: 'Leaf 2.2', leaf: true }
]
}
]
}
数据模型如下所示:
Ext.define('MyApp.model.Leaf', {
extend: 'Ext.data.Model',
config: {
fields: [
{name: 'name', type: 'string'}
]
}
});
Ext.define('MyApp.model.Category', {
extend: 'Ext.data.Model',
//requires: ['MyApp.model.Leaf'],
config: {
fields: [
'id', 'name'
],
hasMany: [
{
model: 'MyApp.model.Category',
name: 'categories',
associationKey: 'categories'
},
{
model: 'MyApp.model.Leaf',
name: 'statistics',
associationKey: 'leafs'
}
],
proxy: {
type: 'ajax',
url : 'http://192.168.178.103?data',
reader: {
type: 'json',
rootProperty: 'categories'
}
}
}
});
下面是嵌套列表:
{
xtype: 'nestedlist',
title: 'Kategorien',
displayField: 'name',
store: Ext.create('Ext.data.TreeStore', {
model: 'MyApp.model.Category'
})
}
问题是:嵌套列表正确地显示了所有类别及其子类别,但无法显示叶子。我认为原因是叶数组的标识符名为'leafs',因此无法识别,但我只能给出一个根属性标识符 有什么想法吗?提前谢谢