Object Extjs树无法加载嵌套对象

我在java中有一个名为Zone1s的类，它有两个字段文本（区域名称）和Zone1列表。 当我将其转换为json时，我得到以下响应：

{"text":"Papa","Zone1s":[{"text":"Beta1","Zone1s":[{"text":"BetaBeta1","Zone1s":[]},{"text":"BetaBeta2","Zone1s":[]}]},{"text":"Beta2","Zone1s":[]}]}

我在下面编写了一个Extjs模型、存储和面板：

Ext.define('Zone1s', {
    extend: 'Ext.data.Model',
    fields: [

        { name: 'text', type: 'string' } 
    ], 

    proxy: {                       
        type: 'ajax',
        url : 'test.htm',
        reader: {
    type  : 'json',
      record: 'Zone1s'
        }
    },
hasMany: {model: 'Zone1s', name: 'Zone1s'},
belongsTo: 'Zone1s'
});

var store =Ext.create('Ext.data.Store', {
    model: 'Zone1s',
    autoLoad: true
});

Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,

    renderTo: Ext.getBody()
});

我遇到以下错误： me.store.getRootNode不是函数… 谁能告诉我哪里错了吗？ 我经历过

---

但在这里，我的分区可以有自己的分区，这就是区别

您应该向存储添加根属性：

var store =Ext.create('Ext.data.Store', {
    model: 'Zone1s',
    autoLoad: true,
    root: {
      text: 'Zone1s',
      id: 'Zone1s',
      expanded: true
   }
});

如果不希望看到根节点，请使用rootVisible属性：

Ext.create('Ext.tree.Panel', {
        title: 'Simple Tree',
        width: 200,
        height: 150,
        store: store,
        rootVisible : false,
        renderTo: Ext.getBody()
    });