удлинители нокаута не работают одновременно

Question

У меня есть код расширителя, который я хотел бы использовать одновременно. Проблема заключается в том, что я не пытаюсь продлить числовое значение с помощью Range.

ko.extenders.numeric = function (target, precision) { 
      //create a writable computed observable to intercept writes to our observable 
      var result = ko.pureComputed({ 
       read: target, //always return the original observables value 
       write: function (newValue) { 
        var current = target(), 
         roundingMultiplier = Math.pow(10, precision), 
         newValueAsNum = isNaN(newValue) ? 0 : parseFloat(+newValue), 
         valueToWrite = Math.round(newValueAsNum * roundingMultiplier)/roundingMultiplier; 

        //only write if it changed 
        if (valueToWrite !== current) { 
         target(valueToWrite); 
        } else { 
         //if the rounded value is the same, but a different value was written, force a notification for the current field 
         if (newValue !== current) { 
          target.notifySubscribers(valueToWrite); 
         } 
        } 
       } 
      }).extend({ notify: 'always' }); 

      //initialize with current value to make sure it is rounded appropriately 
      result(target()); 

      //return the new computed observable 
      return result; 
     }; 

Вот еще один расширитель ...

ko.extenders.range = function (target, intRange) { 
     //create a writeable computed observable to intercept writes to our observable 
     var result = ko.computed({ 
      read: target, //always return the original observables value 
      write: function (newValue) { 
       alert(target()); 
       var current = target(), 
        newValueAsNum = isNaN(newValue) ? 0 : parseInt(+newValue, 10), 
        valueToWrite = newValueAsNum; 

       if (newValueAsNum < intRange.min) { 
        valueToWrite = intRange.min; 
       } 

       if (newValueAsNum > intRange.max) { 
        valueToWrite = intRange.max; 
       } 
       //only write if it changed 
       if (valueToWrite !== current) { 
        target(valueToWrite); 
       } else { 
        //if the tested value is the same, but a different value was written, force a notification for the current field 
        if (newValue !== current) { 
         target.notifySubscribers(valueToWrite); 
        } 
       } 
      } 
     }).extend({ notify: 'always' }); 

     //initialize with current value to make sure it is rounded appropriately 
     result(target()); 

     //return the new computed observable 
     return result; 
    }; 

Вот моя скрипка https://jsfiddle.net/xequence/0nL09w55/

Вот реализация обижая

var InitializePanelsApplicantViewModel = function() { 
     this.CoverageLimit = ko.observable('').extend({required: true}).extend({numeric: 2}), 
     this.CoverageLimitFailWhyCry = ko.observable('').extend({required: true}).extend({numeric: 2}).extend({range : 500}); 
     };   

     $(function(){ 
var masterVM = (function() { 
this.InitializePanelsApplicantViewModel = new InitializePanelsApplicantViewModel(); 
})(); 

ko.applyBindings(masterVM); 
}); 

Answer 1

Пожалуйста, смотрите this fiddle, который я думаю, показывает поведение, которое вы хотите.

Я упрощена примере немного, и сделал следующие изменения:

• Диапазон расширитель ожидает объект с min и max свойствами. Я изменил это так, чтобы вызовы extend передавали объекты, а не только числовое значение.

• Цифровой удлинитель использует ko.pureComputed не ko.computed. Как функция имеет побочные эффекты, я думаю, вы должны использовать ko.computed. Дополнительную информацию см. На странице knockout.js docs page.

• Расширитель диапазона использовал parseInt, который отменяет любое округление, выполняемое в числовом расширителе. Оба теперь используют parseFloat.