Sencha Touch，setRecord（）不起作用。(Sencha Touch, setRecord() not working. Fields are blank.)

 我是Sencha Touch的新手...... 
 
 我一直在搜索并询问人们几个小时，但无法弄清楚为什么我的详细信息视图无法获取数据（使用setRecord）。 
 
 我还没有找到一个使用Ext.NavigationView来推送使用setRecord数据的视图的例子，所以我怀疑我在那里做错了什么。 
 
 我有一个标签视图。 第一个选项卡显示项目列表。 单击项目披露以查看该项目的详细信息。 出现详细视图，但没有任何数据。 
 
 
 
 选项卡在ViewPortController的启动功能中设置。 
 
 
 第一个选项卡中的主视图是PeopleListView。 所有人都出现在列表中。 
 
 
 PeopleListView被添加到Ext.NavigationView。 Ext.NavigationView的引用被添加到PeopleListView，以便以后使用 
 
 
 PeopleListViewController有一个函数showDetailView，当点击一个公开按钮时，它成功调用。 
 
 
 控制器的showDetailView功能 
  
 
   
 在personDetailView上设置记录（包含正确的数据）， 
 
   
 检索Ext.NavigationView的实例并推送PersonDetailView。 
 
  
 
 
 传递给showDetailView的记录值具有正确的数据。 
 
 
 当personDetailView出现时，字段没有数据。 
 
 
 ViewPortController： 
 
launch: function() {
    // var personDetailView = {
    //    xtype: 'persondetailview'
    // }
    var pplView = Ext.create('PeopleApp.view.PeopleListView');
    var pplNavView = Ext.create('Ext.NavigationView', {
        title: 'People',
        iconCls: 'home',
        useTitleForBackButtonText: true,
    });
    pplView.setNavigationView(pplNavView);
    pplNavView.add(pplView);
    . . .
    var mainViewPort = getMainViewPort();
    mainViewPort.setItems([pplNavView, . . .]);
}, 
 
 PersonModel： 
 
Ext.define('PeopleApp.model.PersonModel', {
extend: 'Ext.data.Model',
requires: ['Ext.data.proxy.Rest'],
config: {
    idProperty: 'id',
    fields: [
        { name: 'id',       type: 'auto'   },
        { name: 'name',     type: 'string' },
        { name: 'address',  type: 'string' },
        { name: 'email',    type: 'string' },
        { name: 'age',      type: 'int'    },
        { name: 'gender',   type: 'string' },
        { name: 'note',     type: 'string' }
    ],
    proxy: {
        type: 'rest',
        url: '/app/data/people.json',
        reader: {
            type: 'json',
            rootProperty: 'people'
        }
    },
}
});
 
 PeopleListViewController： 
 
Ext.define('PeopleApp.controller.PeopleListViewController', {
extend: 'Ext.app.Controller',
xtype: 'peoplelistviewcontroller',
config: {
    refs: {
        peopleListView: 'peoplelistview',
        personDetailView: 'persondetailview',
        peopleView: 'peopleview',
    },
    control: {
        peopleListView: {
            discloseDetail: 'showDetailView'
        }
    }
},

showDetailView: function(view, record) {
    console.log("record.data.name=" + record.data.name);

    var detailView = Ext.create('PeopleApp.view.PersonDetailView');
    //var detailView = this.getPersonDetailView();
    detailView.setRecord(record);
    var navView = view.getNavigationView();
    navView.push(detailView);
},

launch: function() { this.callParent(arguments); },
init: function() { this.callParent(arguments); },
});
 
 PersonDetailView： 
 
Ext.define('PeopleApp.view.PersonDetailView', {
extend: 'PeopleApp.view.BaseView',
xtype: 'persondetailview',
requires: [
    'Ext.form.FieldSet',
    'Ext.form.Text',
    'Ext.form.TextArea'
],
config: {
    title: "Person Details",
    scrollable: true,
    items: [{
        xtype: 'fieldset',
        items: [{
                xtype: 'textfield',
                name: 'name',
                label: 'Name: ',
                required: true
            }, {
                xtype: 'textfield',
                name: 'age',
                label: 'Age: ',
                required: false
            }, // etc.
        ]}
    ]}
});
 
 你能告诉我为什么detailView.setRecord（record）没有得到DetailViewController领域的数据集，我需要做些什么呢？ 

I'm new to Sencha Touch...
 
I've been searching and asking people for hours, but cannot figure out why my detail view does not get the data (using setRecord).
 
I have not been able to find an example that uses Ext.NavigationView to push a view that uses the data from setRecord, so I suspect I'm doing something wrong there.
 
I have a tabbed view. First tab shows a list of items. Click an item disclosure to see details for that item. The detail view appears, but with no any data.
 
 
 
The tabs are setup in the launch function of ViewPortController.
 
 
The main view in the first tab is the PeopleListView. All the people appear in the list.
 
 
The PeopleListView is added to an Ext.NavigationView. A reference to the Ext.NavigationView is added to the PeopleListView so it can be used later
 
 
PeopleListViewController has a function, showDetailView, that is successfully called when a disclosure button is tapped.
 
 
The controller's showDetailView function 
  
 
   
sets the record (which contains the correct data) on the personDetailView,
 
   
retrieves the instance of the Ext.NavigationView and pushes the PersonDetailView.
 
  
 
 
The record value passed to showDetailView has the correct data.
 
 
When personDetailView appears, the fields have no data.
 
 
ViewPortController:
 
launch: function() {
    // var personDetailView = {
    //    xtype: 'persondetailview'
    // }
    var pplView = Ext.create('PeopleApp.view.PeopleListView');
    var pplNavView = Ext.create('Ext.NavigationView', {
        title: 'People',
        iconCls: 'home',
        useTitleForBackButtonText: true,
    });
    pplView.setNavigationView(pplNavView);
    pplNavView.add(pplView);
    . . .
    var mainViewPort = getMainViewPort();
    mainViewPort.setItems([pplNavView, . . .]);
}, 
 
PersonModel:
 
Ext.define('PeopleApp.model.PersonModel', {
extend: 'Ext.data.Model',
requires: ['Ext.data.proxy.Rest'],
config: {
    idProperty: 'id',
    fields: [
        { name: 'id',       type: 'auto'   },
        { name: 'name',     type: 'string' },
        { name: 'address',  type: 'string' },
        { name: 'email',    type: 'string' },
        { name: 'age',      type: 'int'    },
        { name: 'gender',   type: 'string' },
        { name: 'note',     type: 'string' }
    ],
    proxy: {
        type: 'rest',
        url: '/app/data/people.json',
        reader: {
            type: 'json',
            rootProperty: 'people'
        }
    },
}
});
 
PeopleListViewController:
 
Ext.define('PeopleApp.controller.PeopleListViewController', {
extend: 'Ext.app.Controller',
xtype: 'peoplelistviewcontroller',
config: {
    refs: {
        peopleListView: 'peoplelistview',
        personDetailView: 'persondetailview',
        peopleView: 'peopleview',
    },
    control: {
        peopleListView: {
            discloseDetail: 'showDetailView'
        }
    }
},

showDetailView: function(view, record) {
    console.log("record.data.name=" + record.data.name);

    var detailView = Ext.create('PeopleApp.view.PersonDetailView');
    //var detailView = this.getPersonDetailView();
    detailView.setRecord(record);
    var navView = view.getNavigationView();
    navView.push(detailView);
},

launch: function() { this.callParent(arguments); },
init: function() { this.callParent(arguments); },
});
 
PersonDetailView:
 
Ext.define('PeopleApp.view.PersonDetailView', {
extend: 'PeopleApp.view.BaseView',
xtype: 'persondetailview',
requires: [
    'Ext.form.FieldSet',
    'Ext.form.Text',
    'Ext.form.TextArea'
],
config: {
    title: "Person Details",
    scrollable: true,
    items: [{
        xtype: 'fieldset',
        items: [{
                xtype: 'textfield',
                name: 'name',
                label: 'Name: ',
                required: true
            }, {
                xtype: 'textfield',
                name: 'age',
                label: 'Age: ',
                required: false
            }, // etc.
        ]}
    ]}
});
 
Can you tell me why detailView.setRecord(record) does not get the data set in the fields of DetailViewController, and what I need to do differently?

原文：https://stackoverflow.com/questions/29504030