Нокаут связывание не работает для входного типа = «текст»

Question

Я использую следующие привязки:

ko.bindingHandlers.numericText = { 
     update: function (element, valueAccessor, allBindingsAccessor) { 

      var value = ko.utils.unwrapObservable(valueAccessor()), 
       precision = ko.utils.unwrapObservable(allBindingsAccessor().precision) || ko.bindingHandlers.numericText.defaultPrecision, 
       formattedValue = value.toFixed(precision); 

      console.log(formattedValue); 
      ko.bindingHandlers.text.update(element, function() { return formattedValue; }); 
     }, 
     defaultPrecision: 1 
    }; 

и этот HTML

 <input id="Price0" data-bind="numericText: price, valueUpdate:'afterkeydown'"> 
     <input id="Price1" data-bind="numericText: price(), valueUpdate:'afterkeydown'"> 
     <input id="Price2" data-bind="value: price, valueUpdate:'afterkeydown'"> 
     <input id="Price3" data-bind="text: price, valueUpdate:'afterkeydown'"> 
     1:<span data-bind="text: price"></span>&nbsp; 
     2:<span data-bind="text: price()"></span>&nbsp; 

Теперь он работает на пролетах, но не на input type = text (price0 и price1)

Я хотел бы создать двухстороннюю привязку между моей моделью просмотра и текстовым полем, и это первая часть моего процесса try.

Когда я обновляю ViewModel пролеты должны обновляться, но не price0 и price1

Answer 1

Это потому, что вы используете text связывания внутри numericText связывания вы создали. Это привязка не работает на входных элементах. Для этого вам нужно использовать привязку value.

EDIT:

Я не уверен, что вы можете использовать значение связывания в вашем связывания, как это. Ниже приведен пример рабочего значения стиля связывания:

ko.bindingHandlers.ValueStyle = { 
    init: function(element, valueAccessor) { 
     //update value on vm when box is changed 
     $(element).on("change.koBinding", function() { 
     var curStr, curVal; 
     curVal = valueAccessor(); 
     curStr = $(element).val(); 
     curVal(/*put whatever you want the vm to update to here*/); 
     }); 

     //on disposal of binding 
     return ko.utils.domNodeDisposal.addDisposeCallback(element, function() { 
     return $(element).off("change.koBinding"); 
     }); 
    }, 
    update: function(element, valueAccessor) { 
     // your formatting code here 
     return $(element).val(formatted result); 
    } 
    };