Sencha touch - 显示嵌套 JSON 数据的子元素答案

【问题标题】：Sencha touch - display child elements of nested JSON dataSencha touch - 显示嵌套 JSON 数据的子元素
【发布时间】：2011-11-02 15:50:39
【问题描述】：

我是 Sencha touch 的新手，需要您的帮助来解决问题。我正在尝试使用以下 JSON 和 Sencha 触摸代码显示子文本列表。我仔细查看了 API，发现可以访问子数据，但是我不确定如何将其发送回 Panel/Store 以将列表显示为

21 岁的孩子
22 岁的孩子

我有如下嵌套的 JSON 数据：

    {
   "items":[
       {
         "id":"1",
         "text": "Parent 1",
         "leaf": false,
         "items": [
              {
                  "id":1,
                  "text": "child 1",
                  "leaf": true
              },
              {
                   "id":2,
                   "text": "child 2",
                   "leaf": true
              }
         ]
    },
    {
        "id":"2",
        "text": "Parent 2",
        "leaf": false,
        "items": [
            {
                "id":3,
                "text": "child 21",
                "leaf": true
            },
       {
                "id":4,
                "text": "Child 22",
                "leaf": true
            }
         ]
      }
    ]
  }

现在我的煎茶触摸代码如下：

  Ext.ns('MyApp');
  MyApp.Child= Ext.regModel(Child, {
    fields: ['id','text','day','date'],
    belongsTo: 'Parent',
    idProperty:'id',
    proxy: {
         type: 'rest',
         url: 'test.json'
    }
  });
  MyApp.Parent = Ext.regModel('Parent', {
    fields: [
      {name: 'id', type: 'int'},
      {name: 'text', type: 'string'}
     ] ,
      associations: [
            { type: 'hasMany', model: 'Child', name: 'items'}
      ],
      proxy: {
        type: 'ajax',
        url: 'test.json'
   }

  });
  MyApp.parentStore = new Ext.data.Store({
     model : 'Parent',
     proxy: {
        type: 'rest',
        url: 'test.json',
        reader: {
            type: 'json',
            root : 'items'
         }
      },

      autoLoad:true 
   });

   MyApp.parentStore.filter('id','2');

// Do something here to get the list of child items.

//   MyApp.childStore = ?   

   MyApp.appList = new Ext.Panel ({
        fullscreen  : true,
        dockedItems : [
             {
                  xtype : 'toolbar',
                  title : 'Applications',
                  dock : 'top'
             }
        ],
        items: [{
        xtype: 'list',
        store: MyApp.childStore, // ??????
        itemTpl: '<div class="contact"><strong>{text}</strong></div>'
    }]                     

 });

【问题讨论】：

标签： json sencha-touch store nested-lists