data-binding - ExtJS 双向数据绑定(bind)？或替代品

Question

我是一位经验丰富的 Flex/.NET 开发人员，现在正在学习 html5/javascript。过去几周我一直在使用 Ext Core 和 ExtJS，我对人们是否/如何使用这些库对不基于列表的数据进行双向数据绑定(bind)感兴趣。

似乎大多数绑定(bind)支持都针对将数据行绑定(bind)到网格。我有兴趣将 UI 元素绑定(bind)到不是基于列表的数据的任意 POJO。

也许我只是没有在正确的地方寻找，但我没有找到对此的支持。

我真的很想听听人们在 Ext 中正在做什么，或者人们推荐什么作为替代方案。

Answer 1

尽管没有像 Flex 的 @Bindable 这样的开箱即用解决方案，但 Extjs 确实提供了创建绑定(bind)的基础设施。
如果你看看 http://blog.dnet-ebusiness-suite.com/2012/03/data-binding-in-extjs-4-grid-form.html您将看到一个演示，其中模型(过滤器实例和记录实例，Ext.data.Model 由商店管理或不管理的实例)绑定(bind)到不同的 View 。该功能是通过建立在 Extjs 之上的瘦框架来实现的。

另一方面，绑定(bind)任意 POJO 是完全相同的故事，它们必须实现一个 Observable 并自己触发一些可以监听的属性更改事件。博客文章和框架本身为如何做到这一点提供了一个很好的起点。

另一种方式/概念是http://www.sencha.com/forum/showthread.php?60809-Ext.ux.data.BindMgr-Databind-Manager我与 extjs 3 一起使用并且工作正常。