go.js中go.Binding绑定两个属性
时间: 2024-11-16 15:27:27 浏览: 3
go.js实现表格树形连接
在Go.js库中,`go.Binding`是用于数据绑定的核心功能,它允许你在图形用户界面元素(如节点、边等)和JavaScript对象之间建立连接,以便实时更新UI显示的数据。当你需要将两个属性关联起来时,你可以创建一个`Binding`实例,并指定源属性和目标属性。
例如,如果你有一个名为`model`的JavaScript对象,它有`source`和`target`属性,你想将这两个属性关联到一个图的节点,你可以这样做:
```javascript
var binding = new go.Binding("position", "source");
node.bindings.position = binding; // 将binding绑定到节点的position属性
// 或者如果model也有一个名为"targetPosition"的属性,你可以这样绑定两者:
var targetBinding = new go.Binding("position", "targetPosition");
node.bindings.targetPosition = targetBinding;
```
这里,当`model.source`或`model.targetPosition`改变时,对应的`node.position`属性会自动更新。`go.Binding`提供了双向绑定的能力,所以修改UI元素同样会影响`model`的对象。
阅读全文