formatting rules for numbers in knockoutjs

http://stackoverflow.com/questions/7704268/formatting-rules-for-numbers-in-knockoutjs

by rniemeyer

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<script src="https://rawgithub.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.debug.js"></script>
<div data-bind="text: myValue"></div>
<div data-bind="text: myValue2"></div>

JavaScript

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


var viewModel = {
    myValue: ko.observable(123.55454).extend({ numeric: 1 }),
    myValue2: ko.observable(222.1234).extend({ numeric: 3 }),
};

ko.applyBindings(viewModel);