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 日更新(结论?)
Sencha 的帖子几乎没有引起任何讨论。我决定将大部分复杂保存操作的负载放在我的应用程序服务器上,并在需要的地方懒惰地刷新客户端存储。这样我可以使用我自己的数据库包装器来包含与一个复杂的域对象相关的所有事务保存以保证原子性。如果保存一个新Order
的包括保存订单元数据、十个新实例OrderContents
和可能的其他信息(位于其他表中的地址、在创建订单时定义的新客户等),我宁愿将有效负载发送到应用程序服务器,而不是在客户端应用程序代码中建立一个粗俗的回调网络。一对一关联的数据(例如Order
hasOne Address
)在success
操作的回调Order.save()
。更复杂的数据,例如Order
的内容,通过简单地调用contentStore.sync()
. 我觉得这是在没有大量客户端回调的情况下保证原子性的方法
原始帖子内容
鉴于保存关联繁重的模型的整体功能令人失望,我几乎放弃了我的应用程序中的模型关联,并依靠自己检索关联的数据。这一切都很好,但不幸的是并没有解决实际保存数据和更新 ExtJS 存储以反映服务器上的更改的问题。
以保存一个Order
对象为例,该对象由元数据以及OrderContents
订单上的部分组成。元数据最终出现在Order_Data
数据库中的一个表中,而所有内容都出现在一个Order_Contents
表中,其中每一行都通过一order_id
列链接到父订单。
在客户端,检索订单的内容非常容易,无需任何关联:var contents = this.getContentsStore().query('order_id', 10).getRange()
. 但是,一个主要缺陷是这取决于ExtJS Store中可用的内容记录OrderContents
,如果我使用数据服务器未返回的关联与“主”对象,这将适用。
保存订单时,我发送一个请求,其中包含订单的元数据(例如,日期、订单号、供应商信息等)以及一系列内容。这些数据被分开并保存到相应的表中。这对我来说很有意义并且效果很好。
一切都很好,直到从应用程序服务器返回已保存/更新的记录。由于请求是通过调用 a 触发的OrderObject.save()
,因此没有任何信息告诉OrderContents
存储有新记录可用。如果我改为将记录添加到 store 和 call .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()
添加到 store 中的记录被认为是干净的(非幻像,非脏),因此不再由 store 的getModifiedRecords()
方法返回;正确的是,在发生store.sync()
.
这种方法对我来说似乎有点草率/hacky,但我还没有找到更好的解决方案......
非常感谢任何输入/想法!