Data Link:jQuery 的数据绑定插件

  • Jonathan Allen
  • 李明(nasi)

2010 年 10 月 14 日

话题:Java.NETRubyJavaScript语言 & 开发

作为微软贡献的 jQuery 程序库之一,Data Link 让双向数据绑定成为可能。尽管目的相同,Data Link 的实现和 WPF 或者 Silverlight 则是完全不同的。

Data Link 通过一个名为 link 的方法,来将表单中的 input 元素和目标对象绑定在一起。就像在 XAML 中设置一个 DataContext 一般,link 方法是由表单来调用的。默认情况下,这会在每个命名 input 元素和对象相对应的字段之间创建一个双向绑定。然而,还有很多选项可供选择。

如果不需要绑定所有的元素,开发者可以将一个形如“{fieldName: "elementName", …}”的字典传给表单。这样就限定了数据绑定的范围,只会绑定指定的元素字段对。对于特定的元素,还可通过设置“twoWay: false”选项,来避免对象的改变反过来影响 input 元素。

值转换器和 twoWay 属性有些类似,命名为“convert”和“convertBack”。和 XAML 不同的是,既可以把一个函数作为参数传入,也可以通过一个内联的匿名函数来定义转换器。如果在某些绑定字段变化的时候,其他字段也要随之变动的话,便可通过转换器来实现。

jQuery Data Link API依赖于 jQuery 1.4.3,这个版本尚未发布。可以在 github 上下载jQuery 1.4.3 和 jQuery Data Link。jQuery Data Link 基于 MIT 和 GPL V2 授权。

查看英文原文:Data Link – A Data-Binding for jQuery

Java.NETRubyJavaScript语言 & 开发