Estoy empezando a migrar algunos aplicativos de referencia a ExtJs4 y realmente si hay cambios bastante importantes en el framework como son : a) el modelo MVC planteado (integrado al setPath que definamos, nuestro namespace principal y nuestro archivo App.js);, b) diferencias importantes en el sistema de Clases, en las formas de creación, declaración y llamado de clases, instancias y funciones (utilizando "require", Ext.define y Ext.Create), aunque ExtJs4 tambien permite el llamado "normal" de nuestras clases y funciones tal como las utilizamos con ExtJs-3.x, pero luego de cargado el archivo principal App.js en su forma como lo proponen ..empleando Ext.require para llamar a los componentes ExtJs4 y a nuestros propios "componentes" desarrollados bajo dicho modelo; pero debemos considerar que esta modalidad busca optimizar la gestión de memoria y aumentar la perfomance de nuestros desarrollos... y c) hay importantes cambios en la forma de definición y manejo de eventos de panels, treepanels, toolbars, grids, etc,etc..

Al final nuestro código va a resultar muy "parecido" a nuestros códigos iniciales.. pero realmente si hay importantes cambios que considerar y probar para que finalmente nuestros aplicativos funcionen como estaban... por lo que considero, todo será complicado al inicio hasta que tengamos mas claro las formas propuestas por ExtJs4 y aprovechemos las grandes ventajas y flexibilidad de adecuación para el manejo de Modelos, Proxys y las nuevas tecnologías (como HTML5 por ejemplo)...

bueno.. pero ahora se me ha presentado un problema al empezar a "adecuar" algunas extensiones de manejo de stores al utilizar la clase "Ext.data.model" :

en ExtJs-3.x cuando se creaba un "store", todos sus componentes eran objetos "accesibles" ..como por ejemplo en el codigo siguiente:


var employeeDs = new Ext.data.ArrayStore({
storeId: 'empDs',
idIndex: 0,
fields: [{
name: 'employeeName',
type: 'string'
},{
name: 'mgrName',
type: 'string'
},{
name: 'income',
type: 'int'
}],
data: [
['Mike','',130000],
['Jim','Mike',92000],
['Alice','Mike',87000],
['Joe','Mike',72000],
['Andrew','Alice',67000],
['Bob','Jim',55000],
['Carol','Jim',56000],
['Kerry','Joe',62000]
]
});

alert(" ArrayStore complete..!" +
'\n'+'employeeDs : '+ employeeDs +
'\n'+'storeId : '+ employeeDs.storeId +
'\n'+'fields : ' + employeeDs.fields );


...en este codigo, el alert anotado considera a employeeDs y employeeDs.fields como objetos, y employeeDs.storeId arroja como valor 'empDs' como esta definido... y por supuesto que con la codificación de mis extensiones puedo tener acceso a cualquiera de los nombres y tipos de los campos definidos y trabajar con ellos...

Ahora con ExtJs-4.x creamos una instancia de Ext.data.ArrayStore de manera similar al código anterior:


var employeeDs = Ext.create('Ext.data.ArrayStore', {
// store configs
autoDestroy: true,
storeId: 'myStore',
// reader configs
idIndex: 0,
fields:
[{
name: 'employeeName',
type: 'string'
},{
name: 'mgrName',
type: 'string'
},{
name: 'income',
type: 'int'
}],
data: [
['Mike','',130000],
['Jim','Mike',92000],
['Alice','Mike',87000],
['Joe','Mike',72000],
['Andrew','Alice',67000],
['Bob','Jim',55000],
['Carol','Jim',56000],
['Kerry','Joe',62000]
]
});

alert(" Data complete..!" +
'\n'+'employeeDs : '+ employeeDs +
'\n'+'storeId : '+ employeeDs.storeId +
'\n'+'fields : ' + employeeDs.fields +
'\n'+'my_model : ' );


y en este codigo employeeDs.fields arroja el valor "undefined" (los otros se comportan normal...)
caso similar ocurre si creamos los "stores" con Ext.data.store y Ext.data.model

El motivo de esto parece ser que todos los stores se basan ahora en la clase Ext.data.model -he probado creo en todas las formas posibles de crear stores- por ello al considerar el codigo siguiente:


Ext.define('employeeMd', {
extend: 'Ext.data.Model',
fields: [{
name: 'employeeName',
type: 'string'
},{
name: 'mgrName',
type: 'string'
},{
name: 'income',
type: 'int'
}]
});

alert('employeeMd : ' + employeeMd );
alert('employeeMd.constructor : ' + employeeMd.constructor );
alert('employeeMd.fields: ' + employeeMd.fields );


en este código employeeMd.fields arroja valor "undefined"... pero creo que esto era previsible porque estamos extendiendo la clase Ext.data.Model a "employeeMd".. y asimismo también podemos observar que el alert arroja como resultado:


employeeMd = function() {
return this.constructor.apply(this,arguments);
}

y..

employeeMd.constructor = function Function() {[ native code ]}


lo que me parece confirma que employeeMd es una extension de "Ext.data.Model"...

mi consulta, para poder utilzar varias de mis extensiones bajo Ext-4.x es:

____COMO TENER ACCESO AL ARRAY fields DEFINIDO EN MI data.Model ??

He probado como Ext.data.ModelManager (solo afecta a la "data"), y tratando de crear instancias con employeeMd.. pero en ningún caso me resulta.... Asimismo, he tratado utilizar los Métodos de Ext.data.Model pero en este caso la función anónima que se crea me arroja error por no estar definido el objeto....

Que opciones tenemos ahora para poder tener acceso a los componentes de nuestro data.Model como es el caso ?? ..así como para utilizar los métodos que propone la documentación como get, getId, etc... o es un "bug" de ExtJs-4.x ???


Saludos
@Mlaynes

PD.
1. Al modificar mis extensiones resulta que en ExtJs4 ya no funciona createDelegate, sino que hay que utilizar el método Ext.bind( mifuncion, this ); asimismo, StoreMgr es ahora StoreManager...

2. Para revisar un poco de teoría respecto al sistema de Clases en ExtJs4 tenemos este link.

3. Creo también que ya resulta conveniente crear en el Foro una nueva Categoría exclusiva para las consultas ExtJs-4 (que son muy distintas a las de ExtJs-3.x...