我设计了一个基于MVC模式的应用程序.所以我还在我的模型中定义了代理,字段和验证器.例如,这是一个国家列表的模型:
模型
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'
}
}
});
以下是使用此模型的商店:
商店:
Ext.define('LT.store.Country', {
extend: 'LT.base.store.Base',
model: 'LT.model.Country'
});
商店显示在网格面板中,我使用RowEditor插件直接在网格视图中添加和编辑行
网格面板:
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'
}]
});
我现在的问题是,如果您在网格视图中编辑数据,则不会显示验证错误.如果数据与验证标准不匹配,那么它不会提交给代理(这很好),但是用户也没有收到错误消息,插入的数据无效.
我发现了一些(不是很漂亮的)变通方法 – 但是也许有人知道另一种解决方案来为extjs中的rowediting添加验证功能吗?
在此先感谢&干杯,
迈克尔
最佳答案
Integrating Ext.grid.panel validation and Ext.data.Model.validations
以上回复谈到了您可以遵循的方法