在knockout.js中,是否可以让绑定的右侧(绑定的值)动态化?例如,
<input data-bind="value: dynamicBinding()"/>
<script type="text/javascript">
var vm = {
dynamicBinding : function() {
return "foo().bar";
},
foo : ko.observable({
bar : ko.observable("hi");
}
};
ko.applyBindings(vm);
</script>
结果应该是在应用绑定时执行dynamicBinding
函数,结果字符串用作绑定。 input元素应该绑定到foo().bar
,这是值为“hi”的observable。
如果你想知道为什么我会想要这个,我试图用knockout渲染一个动态表,其中行和列都是observableArrays,我想允许列定义包含绑定的表达式柱。即,我希望能够做到这一点:
<table data-bind="foreach: data">
<tr data-bind="foreach: $root.columns">
<td data-bind="text: cellValueBinding()"></td>
</tr>
</table>
<script type="text/javascript">
var vm = {
data: ko.mapping.fromJS([
{title: "Brave New World", author: { name : "Aldous Huxley" },
{title: "1984", author: { name : "George Orwell" },
{title: "Pale Fire", author: { name : "Vladimir Nabokov" }]),
columns: ko.observableArray([
{header: "Title", cellValueBinding: function () { return "$parent.title"; }},
{header: "Author", cellValueBinding: function () { return "$parent.author().name"; }}
])
};
ko.applyBindings(vm);
</script>
从示例中可以看出,列定义知道如何从数据中提取值。表标记本身或多或少是一个占位符。但据我所知,由于敲除处理绑定的方式,这不起作用。还有其他选择吗?
感谢。
解决方案:我最终使用了Ilya的建议 - 我可以让cellValueBinding成为一个接受行和列作为参数的函数,并返回一个observable。证明了这种技术in this fiddle.
答案 0 :(得分:2)