Thêm định dạng thập phân để loại trực tiếp số ràng buộc dữ liệu

Question

Tôi đang sử dụng loại trực tiếp để cư giá trị số bên trong một bảng:

HTML:

<tbody data-bind="foreach: commision"> 
      <tr> 
       <td> 
        <span>R </span><span data-bind="text: Amount"></span> 
       </td> 
      </tr>... 
</tbody> 

Knockout.js phần liên quan đến số tiền và hoa hồng

var vm = { 
      commision: ko.observable(), 
      futurecommision: ko.observable(), 
      commisionpaid: ko.observable(), 
      totals: ko.observable(), 
      commisionPaid: ko.observable(ko.utils.unwrapObservable(ko.mapping.fromJS({ 
       Date: null, 
       Amount: 0 
      }))), 
... 

Bây giờ làm thế nào để tôi hiển thị số đang được dân cư trong fomat thập phân, nói .00? ví dụ: 10.00

Hiện tại, nó chỉ hiển thị số, ví dụ: 10

Answer 1

Bạn có thể xem xét việc viết bộ mở rộng tùy chỉnh để xử lý việc này.

Một mở rộng cơ bản là một cái gì đó như:

ko.extenders.numeric = function(target, precision) { 
    var result = ko.computed({ 
     read: function() { 
      return target().toFixed(precision); 
     }, 
     write: target 
    }); 

    result.raw = target; 
    return result; 
}; 

này sau đó sẽ được sử dụng trên quan sát của bạn như:

var commissionPaid = ko.observable(whatever your value is).extend({numeric: 2}); 

Answer 2

Có xem xét này KO tiền Extender:

http://jsfiddle.net/digitalbush/R6MPU/

(function(){ 
    var format = function(value) { 
     toks = value.toFixed(2).replace('-', '').split('.'); 
     var display = '$' + $.map(toks[0].split('').reverse(), function(elm, i) { 
      return [(i % 3 === 0 && i > 0 ? ',' : ''), elm]; 
     }).reverse().join('') + '.' + toks[1]; 

     return value < 0 ? '-' + display : display; 
    }; 

ko.subscribable.fn.money = function() { 
    var target = this; 

    var writeTarget = function(value) { 
     var stripped=value 
      .replace(/[^0-9.-]/g, ''); 

     target(parseFloat(stripped)); 
    }; 

    var result = ko.computed({ 
     read: function() { 
      return target(); 
     }, 
     write: writeTarget 
    }); 

    result.formatted = ko.computed({ 
     read: function() { 
      return format(target()); 
     }, 
     write: writeTarget 
    }); 

    result.isNegative = ko.computed(function(){ 
     return target()<0; 
    }); 

    return result; 
}; 
})(); 

//Wire it up 
$(function() { 
    var viewModel = { 
     Cash: ko.observable(-1234.56).money(), 
     Check: ko.observable(2000).money(), 
     showJSON: function() { 
      alert(ko.toJSON(viewModel)); 
     } 
    }; 


    viewModel.Total = ko.computed(function() { 
     return this.Cash() + this.Check(); 
    }, viewModel).money(); 
    ko.applyBindings(viewModel); 
});