validation - Validación de datos de RowEditor en ExtJS 4

model extjs4

Question

He diseñado una aplicación basada en el Patrón MVC. Así que también definí mis proxies, campos y validadores en mi modelo. Aquí, por ejemplo, es un modelo para una lista de países:

Modelo

Ext.define(''LT.model.Country'',{
extend: ''Ext.data.Model'',
fields: [{name: ''id'',type: ''int''},
{name: ''name'', type: ''string''},
],
validations: [
{type: ''length'', field: ''name'', min: 2}
],
proxy: {
type: ''rest'',
url: ''/country'',
reader: {
type: ''json''
},
writer: {
type: ''json''
}
}
});

Y aquí está la tienda para usar este modelo:

Almacenar:

Ext.define(''LT.store.Country'', {
extend: ''LT.base.store.Base'',
model: ''LT.model.Country''
});

La tienda se muestra en un panel de cuadrícula , donde uso el complemento RowEditor para permitir agregar y editar filas directamente en la vista de cuadrícula

Panel de cuadrícula

 Ext.define(''LT.view.country.List'' ,{
extend: ''Ext.grid.Panel'',
alias : ''widget.country-list'',
plugins: [
Ext.create(''Ext.grid.plugin.RowEditing'', {
clicksToEdit: 2,
clicksToMoveEditor: 1
})
],
store : ''Country'',
columns: [
{header: ''ID'', dataIndex: ''id'', width: 50},
{header: ''Name'', dataIndex: ''name'', flex: 3, editor: ''textfield''},
],
tbar: [{
xtype: ''button'',
action: ''add'',
text: ''Add''
},{
xtype: ''button'',
action: ''delete'',
text: ''Delete''
}]
});

Mi problema ahora es que los errores de validación no se muestran si edita los datos en la vista de cuadrícula. Si los datos no coinciden con los criterios de validación, no se envían al proxy (lo que está bien), pero el usuario tampoco recibe un mensaje de error , que los datos insertados son inválidos.

Encontré algunas soluciones (no muy bonitas) pero, ¿alguien sabe otra solución para agregar funcionalidad de validación a rowediting en extjs?

Gracias de antemano y aclamaciones, Michael

Answer 1

Integración de validación Ext.grid.panel y Ext.data.Model.validations

La respuesta anterior habla sobre el enfoque que puede seguir