javascript - 当dom文本改变时更新knockoutjs View 模型

Question

我需要在更新绑定(bind)的表格单元格文本时更新底层数据。

我需要做什么才能使更新生效？

示例:http://jsfiddle.net/2hdRp/1/

Answer 1

我不确定这是否已经在 KnockoutJs 框架中实现。

这是我针对您问题的自定义绑定(bind):

ko.bindingHandlers.textValue = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
         // First get the latest data that we're bound to
        var value = valueAccessor(), allBindings = allBindingsAccessor();
        var valueUnwrapped = ko.utils.unwrapObservable(value); 

        $(element).change(function(){
            value($(this).text());
        });
    },
    update: function(element, valueAccessor, allBindingsAccessor, viewModel) {
        var value = valueAccessor(), allBindings = allBindingsAccessor();
        var valueUnwrapped = ko.utils.unwrapObservable(value); 
        $(element).text(valueUnwrapped);
    }
};

绑定(bind)看起来像:

<td id="idCell" data-bind="textValue: Car.id, valueUpdate: 'change'"
    class="header"></td>

工作示例:http://jsfiddle.net/AlfeG/dNtNb/