forms - 如何在 ExtJs 下使用商店提交表单？

Question

有没有办法让表单提交在 ExtJs 4 下的商店中创建对象？

网格完全围绕存储机制构建对我来说似乎很奇怪，而且我看不到将表单插入存储的明显方法。但我很可能只是错过了一些东西。

Answer 1

您可以使用以下代码在表单提交时将模型实例添加到商店:

onSaveClick: function()
{
    var iForm         = this.getFormPanel().getForm(),
        iValues       = iForm.getValues(),
        iStore        = this.getTasksStore();

    iStore.add( iValues );
},

这是在 MVC Controller 中，所以 this是 Controller 。

对于模型编辑，您可以使用 loadRecord 将表单“绑定(bind)”到模型实例。 :

iFormPanel.loadRecord( this.selection );

然后您可以使用 updateRecord() 更新模型实例。 :

iFormPanel.getForm().updateRecord();

只是为了好玩(并且可能对某些人有所帮助)，它类似于以下代码:

onSaveClick: function()
{
    var iForm         = this.getFormPanel().getForm(),
        iRecord       = iForm.getRecord(),
        iValues       = iForm.getValues();

    iRecord.set ( iValues );        
},

如果您的商店有 autoSync: true .将通过配置的代理进行更新(或创建)调用。如果没有自动同步，您必须手动同步您的商店。