Extjs4 ¿Cómo cambiar un modelo dinámicamente?

Question

Uso Extjs4 y MVC. Me gustaría cambiar los campos de mi Modelo dinámicamente ... Algo así como agregar un número variable de campos ... ¿Alguna sugerencia?

Answer 1

Puede usar la función model.setFields(fieldsArray), que se muestra here en la API. Este método reemplaza todos los campos existentes en el modelo con cualquier campo nuevo que incluya en el argumento. No hay un método estático getFields para capturar los campos existentes para no sobrescribirlos, pero es fácil obtenerlos usando model.prototype.fields.

Lo hice recientemente para adjuntar campos de configuración de permisos dinámicos a un modelo de "Usuario" antes de cargar al usuario. He aquí un ejemplo:

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

    models: [ 
     'User', 
    ], 

    stores: [ 
     'CurrentUser', // <-- this is not autoLoad: true 
     'PermissionRef', // <-- this is autoLoad: true 
    ], 

    views: ['MainPanel'], 

    init: function() { 
     var me = this; 

     // when the PermissionRef store loads 
     // use the data to update the user model 
     me.getPermissionRefStore().on('load', function(store, records) { 
      var userModel = me.getUserModel(), 
       fields = userModel.prototype.fields.getRange(); 
       // ^^^ this prototype function gets the original fields 
       // defined in myApp.model.User 

      // add the new permission fields to the fields array 
      Ext.each(records, function(permission) { 
       fields.push({ 
        name: permission.get('name'), 
        type: 'bool' 
       }); 
      }); 

      // update the user model with ALL the fields 
      userModel.setFields(fields); 

      // NOW load the current user with the permission data 
      // (defined in a Java session attribute for me) 
      me.getCurrentUserStore().load(); 

     }); 

    } 
});