Sencha Touch Controller推视图

时间:2013-04-03 16:47:01

标签: extjs view controller touch pushviewcontroller

我正在尝试解决为什么当我将视图推送到Ext.Navigation.View控件时,我推送渲染的视图,但是我推送它的数据却没有。该视图使用一些json数据(name& surname)呈现一个非常简单的DataView控件。

如果我通过“Ext.Create”显式创建视图(参见控制器中注释掉的行),它会工作,但我确信我已经完成了这个,你可以在那里推动视图的“xtype”和视图的任何相关属性/数据。我对吗?

顺便说一句,我已经测试了从表单提交回调中返回的json,一切都很好。它似乎只是视图不想呈现我发送的数据作为“推”的一部分。这是我的代码。我错过了什么吗?:

查看:

Ext.define('MyCo.Booking.view.PatientClinicSearchResults', {
extend : 'Ext.DataView',
xtype : 'DataViewPatientSearchResults',

itemTpl : '{Name}',
store : {
        fields : ['Name'],
        autoLoad : true
    }

})

控制器:

Ext.define('MyCo.Booking.controller.Main', {
extend: 'Ext.app.Controller',

config: {
    refs: {
        navViewClinics : 'NavViewClinics',
        formPanelClinicPatientSearch : 'FormPanelClinicPatientSearch'
    },
    control: {
        'NavViewClinics list' : { 
            itemtap : 'ClinicUserSearch'
        },

        'FormPanelClinicPatientSearch button' : {
            tap : 'ClinicPatientSearchResults'
        }
    }
},

ClinicUserSearch : function(list, index, element, record) {
    this.getNavViewClinics().push({ xtype : 'FormPanelClinicPatientSearch' });
},

ClinicPatientSearchResults : function(button, e) {
    var form = this.getFormPanelClinicPatientSearch();
    var navClinics = this.getNavViewClinics();

    form.submit({
        success : function(form, result) {

        // var view = Ext.create('MyCo.Booking.view.PatientClinicSearchResults', {
        //     title : 'Search Results',
        //     fullscreen: true,
        //     store: {
        //         fields: ['Name'],
        //         data : result.items
        //     },

        //     itemTpl: '<div>{Name}</div>'
        // });

        // navClinics.push(view);

        navClinics.push({ xtype : "DataViewPatientSearchResults", 
          title : 'Test',
           store : { 
                    data : result.items 
            }
        });

        }
    });        
}

});

从表单提交回调中收到JSON:

{
"success" : true,
"items" :   [
                {
                "Name": "Jon",
                "Surname": "Doe"
                },
                {
                "Name": "Karl",
                "Surname": "Doe"
                }
            ]
}

任何帮助将不胜感激。谢谢。

1 个答案:

答案 0 :(得分:0)

问题解决了。我从视图中删除了商店声明并且它有效。只需要通过itemTpl属性引用数据。