extjs - mvc - pasar datos de una vista a un controlador c#

Pasar datos a otra vista desde el controlador y establecer el valor de una etiqueta en sencha táctil

Question

Tengo un controlador y quiero pasar un valor de cadena simple a la siguiente Vista.

Para eso, estoy creando la Vista así.

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

En NextView , tengo una etiqueta, y quiero establecer la propiedad HTML de la etiqueta en el valor que estoy pasando desde el controlador. es decir. ''valor''.

Mi NextView se ve así.

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

No estoy seguro de cómo proceder desde aquí. No puedo tener NextView como formulario. Solo necesito pasar un valor de cadena en esta situación. ¿Cuál es la mejor manera de lograr esto?

Answer 1

Use el método de initialize para acceder a datos de configuración como este:

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 Siéntase libre de usar su selector favorito en down función de down

Answer 2

Sé que la pregunta ha sido respondida. Pero acabo de excavar una forma bastante natural de pasar datos del controlador a una vista (usando el constructor de view). Lo uso en mi integración de escritorio web a mi aplicación.

En el controlador, pase los datos al constructor de la vista de la siguiente manera:

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

En la vista, haga girar un constructor de la siguiente manera:

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

El siguiente método vive en el mismo archivo que el constructor. Puede acceder a selectedLoiData desde cualquier lugar de la vista en la que el constructor viva de la siguiente manera:

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