ExtJS 和复杂的保存操作答案

【问题标题】：ExtJS and Complex Save OperationsExtJS 和复杂的保存操作
【发布时间】：2013-05-09 05:58:23
【问题描述】：

ExtJS 4.1.0

2013 年 6 月 6 日更新：

我在 Sencha 论坛上发布了同样的问题，但没有采取太多行动。该帖子或多或少相同，但我想我会在此处添加它以供参考。我仍然渴望听到其他社区成员对 ExtJS 应用程序中非常常见的场景的意见！ http://www.sencha.com/forum/showthread.php?265358-Complex-Model-Save-Decoupling-Data-and-Updating-Related-Stores

2013 年 7 月 16 日更新（结论？）

煎茶帖子引起的讨论很少。我决定将大部分复杂保存操作的负载放在我的应用程序服务器上，并在需要的地方懒惰地刷新客户端存储。这样我可以使用我自己的数据库包装器来包含与一个复杂的域对象相关的所有事务保存以保证原子性。如果保存新的Order 包括保存订单元数据、十个OrderContents 的新实例以及可能的其他信息（位于其他表中的地址、在创建订单时定义的新客户等），我更愿意将有效负载发送到应用程序服务器，而不是在客户端应用程序代码中建立一个粗俗的回调网络。一对一关联的数据（例如Order hasOne Address）在Order.save() 操作的success 回调中更新。更复杂的数据，例如Order 的内容，只需调用contentStore.sync() 就可以懒惰地处理。 我觉得这是在没有大量客户端回调的情况下保证原子性的方法

原帖内容

鉴于保存关联繁重的模型的整体功能令人失望，我几乎放弃了我的应用程序中的模型关联，并依靠自己检索关联的数据。这一切都很好，但不幸的是并没有解决实际保存数据和更新 ExtJS 存储以反映服务器上的更改的问题。

以保存Order 对象为例，该对象由元数据以及OrderContents 即订单上的部分组成。元数据最终位于数据库中的 Order_Data 表中，而内容全部位于 Order_Contents 表中，其中每一行通过 order_id 列链接到父订单。

在客户端，检索订单内容非常容易，无需任何关联：var contents = this.getContentsStore().query('order_id', 10).getRange()。然而，一个主要缺陷是 这取决于 OrderContents ExtJS 商店中可用的内容记录，如果我使用的关联不是由数据服务器返回的“主”对象。

保存订单时，我发送一个请求，其中包含订单的元数据（例如日期、订单号、供应商信息等）以及一系列内容。这些数据被挑选出来并保存到相应的表中。这对我来说很有意义并且效果很好。

一切都很好，直到从应用程序服务器返回已保存/更新的记录。由于请求是通过调用OrderObject.save() 触发的，因此没有任何信息告诉OrderContents 存储有新记录可用。如果我改为将记录添加到存储并调用.sync()，这将自动处理，但我觉得这会使保存过程复杂化，我宁愿在应用程序服务器上处理这种解耦，更不用说保存整个请求也很不错。

有没有更好的方法来解决这个问题？我目前的解决方案如下...

var orderContentsStore = this.getOrderContentsStore();
MyOrderObject.save({
    success: function(rec, op){
        // New Content Records need to be added to the contents store!
        orderContentsStore.add(rec.get('contents')); // Array of OrderContent Records
        orderContentsStore.commitChanges(); // This is very important
    }
});

通过调用commitChanges()，添加到存储中的记录被认为是干净的（非幻像，非脏），因此不再由存储的getModifiedRecords() 方法返回；正确，因为在发生store.sync() 的情况下不应将记录传递给应用程序服务器。

这种方法对我来说似乎有点草率/hacky，但我还没有找到更好的解决方案......

非常感谢任何输入/想法！

【问题讨论】：

不幸的是，这是唯一的方法。或者，您可以在商店的代理上编写自己的“作家”并在那里处理不同的模型，但这也会很麻烦。
感谢您确认我的信念，@Mike。有一天我会写一篇博文，我会用所说的帖子中的信息来回答这个问题。我确实考虑过对 Data Writer 实现一些疯狂的扩展，但对于它会完成的事情（在这里和那里保存 store.load()），我觉得实现所需的额外复杂性和时间不值得我花时间。跨度>

标签： javascript model-view-controller extjs orm extjs4

【解决方案1】：

更新 8/26/13 我发现关联数据确实是由 Ext 在模型代理上的创建/更新回调中处理的，但是发现数据并不容易......请参阅我的在这里发帖：ExtJS 4.1 - Returning Associated Data in Model.Save() Response

嗯，这个问题已经解决了几个月，我觉得这个问题没有神奇的解决方案。

我的解决方法如下...

当保存一个复杂的模型（例如，一个具有或确实有几个hasMany 关联的模型）时，我保存包含所有关联数据的“父”模型（作为模型上的属性/字段！）然后在 afterSave/afterUpdate 回调中添加（保存的）关联数据。

以我的PurchaseOrder 模型为例，其中hasMany Items 和hasOne Address。请注意，关联数据包含在模型的属性中，因为如果它仅存在于模型的关联存储中，则不会将其传递给服务器。

console.log(PurchaseOrder.getData());
---
id: 0
order_num: "PO12345"
order_total: 100.95
customer_id: 1
order_address: Object
    id: 0
    ship_address_1: "123 Awesome Street"
    ship_address_2: "Suite B"
    ship_city: "Gnarlyville"
    ship_state: "Vermont"
    ship_zip: "05401"
    ...etc...
contents: Array[2]
    0: Object
        id: 0
        sku: "BR10831"
        name: "Super Cool Shiny Thing"
        quantity: 5
        sold_price: 84.23
    1: Object
        id: 0
        sku: "BR10311"
        name: "Moderately Fun Paddle Ball"
        quantity: 1
        sold_price: 1.39

我为PurchaseOrder.Content 和PurchaseOrder.Address 建立了Models，但PurchaseOrder 中的数据不是这些模型的实例，而只是数据。同样，这是为了确保正确地将其传递给应用程序服务器。

一旦我有一个如上所述的对象，我就会通过.save() 将它发送到我的应用程序服务器，如下所示：

PurchaseOrder.save({
    scope: me,
    success: me.afterOrderSave,
    failure: function(rec,op){
        console.error('Error saving Purchase Order', op);
    }
});

afterOrderSave: function(record, operation){
    var me = this;
    switch(operation.action){
        case 'create':
            /** 
              * Add the records to the appropriate stores.
              * Since these records (from the server) have an id,
              * they will not be marked as dirty nor as phantoms 
              */
            var savedRecord = operation.getResultSet().records[0];  // has associated!
            me.getOrderStore().add(savedRecord);
            me.getOrderContentStore().add(savedRecord.getContents()); //association!
            me.getOrderAddressStore().add(savedRecord.getAddress()); // association!
            break;

        case 'update':
            // Locate and update records with response from server
            break;
    }
}

我的应用服务器收到PurchaseOrder 并相应地处理保存数据。我不会详细介绍，因为这个过程很大程度上取决于你自己的实现。我的应用程序框架松散地基于 Zend 1.11（主要利用 Zend_Db）。

我觉得这是最好的方法，原因如下：

客户端上没有各种model.save()回调的凌乱字符串
只有一个请求，非常容易管理
在应用服务器上轻松处理原子性
更少的往返次数 = 更少需要担心的潜在故障点
如果你真的很懒，回调的success方法可以简单地reload存储。

我会让这个答案稍等片刻以鼓励讨论。

感谢阅读！

【讨论】：

我认为这可能是最干净的方法之一。 +1
@Mike 感谢您的跟进，感谢！