将数据从控制器传递到另一个视图并在 sencha touch 中设置标签的值答案

【问题标题】：Passing data to another view from controller and set a label's value in sencha touch将数据从控制器传递到另一个视图并在 sencha touch 中设置标签的值
【发布时间】：2013-05-27 11:06:10
【问题描述】：

我有一个控制器，我想将一个简单的字符串值传递给下一个视图。

为此，我正在创建这样的视图。

var nextView = Ext.create('MyApp.view.NextView', {
    content: 'value'
});
Ext.Viewport.add(nextView);
Ext.Viewport.animateActiveItem(nextView, {
    type: 'slide',
    direction: 'left'
});

在 NextView 上，我有一个标签，我想将标签的 HTML 属性设置为我从控制器传递的值。 IE。 value.

我的 NextView 看起来像这样。

Ext.define('MyApp.view.NextView', {
    extend: 'Ext.form.Panel',
    config: {
        content: 'null',
        items: [{
            xtype: 'label',
            html: 'value'
        }]
    }
});

我不知道如何从这里开始。我不能将 NextView 作为表单。在这种情况下，我只需要传递一个字符串值。

实现这一目标的最佳方法是什么？

【问题讨论】：

标签： extjs sencha-touch-2

【解决方案1】：

使用initialize 方法访问配置数据，如下所示：

Ext.define('MyApp.view.NextView', {
    extend: 'Ext.form.Panel',
    config: {
        content: 'null',
        items: [
            {
                xtype: 'label',
                html: 'value'
            }
        ]
    },
    initialize : function(){
        this.callParent();
        var val = this.config.content;
        this.down('label').setHtml(val);
    }
});

PS随意在down函数中使用你最喜欢的选择器

【讨论】：

【解决方案2】：

我知道问题已得到解答。但我只是挖掘了一种非常自然的方式将数据从控制器传递到视图（使用视图的构造函数）。我在将 Web 桌面集成到我的应用程序时使用它。

在控制器中，将数据传递给视图的构造函数，如下所示：

loiTab = Ext.create('Iip.view.giips.admission.DetailedLoiTab', {closable: true, selectedLoiData: selected[0].data});

在视图中，启动一个构造函数，如下所示：

constructor: function(selectedLoiData) {
    Ext.applyIf(this, selectedLoiData);
    this.callParent();
},

以下方法与构造函数位于同一文件中。您可以从构造函数所在视图中的任何位置访问 selectedLoiData，如下所示：

initComponent: function(){
    console.log(this.selectedLoiData);
}

【讨论】：