W Sencha Touch 2.1 mam zdefiniowaną następującą listę zagnieżdżoną:

xtype: 'NestedList',
docked: 'top',
ui: 'light',
store: treeStore,
detailCard: true,
detailContainer: // Reference to a Another Panel

Mogę wyświetlić listę zagnieżdżonych, ale dodawanie elementów przez JSON okazuje się problematyczne. Oto przykład mojego JSON:

[
    {
       "BranchID" : 4,
       "BranchName" : "Branch Name",
       "Jobs" : [
          {
             "JobOrderID" : 75,
             "JobTitle" : "Job Title",
             "leaf" : true
          }
       ]
    }
]

A oto mój Sklep z Drzewami i Przedmiot:

// Define a List Item:
Ext.define('Branch', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
            'BranchID',
            'BranchName'
        ]
    }
});

var treeStore = Ext.create('Ext.data.TreeStore', {
    model: 'Branch',
    defaultRootProperty: 'items',
    proxy: {
        type: 'ajax',
        url: 'data/region.php'
    }
});

Widzę, że dane / region.php są wywoływane i poprawnie zwracają JSON - ale elementy listy nie są wyświetlane. Jak mogę wyświetlić elementy listy?

Dodatkowo chciałbym użyć innego układu dla węzłów liścia - i aby te węzły liści pobrały żądanie w osobnym panelu. Jak zidentyfikować panel, aby móc odwoływać się do niego w sekcji DetailContainer mojej listy zagnieżdżonej?

Czego szukam:

Lista oddziałówDotknij Oddziału, wyświetl listę wszystkich zadańStuknij zadanie, szczegóły wyświetlane w innym panelu.

Przeczytałem dokumentację, ale wydaje się to nieco rzadkie w przypadku bardziej złożonych implementacji.