是否可以将KnockoutJS与带掩码的输入一起使用? [英] Is it possible to use KnockoutJS with a masked input?

问题描述

我正在使用该插件: https://github.com/plentz/jquery-maskmoney格式化我的资金编辑器...

I´m using that plugin : https://github.com/plentz/jquery-maskmoney to format my money editor...

我尝试在该编辑器中使用KnockoutJS，但是它不起作用...没有该遮罩，所有功能都可以正常工作...

I tried to use KnockoutJS in that editor, but it does not work... Without that mask all works fine...

我的代码测试很简单:

<input id="Price" data-bind="value: Price"  type="text"  name="Price"> 

屏蔽输入的Java语言

Javascript to Mask input

$("#Price").maskMoney({ symbol: 'R$ ', showSymbol: true, thousands: '.', decimal: ',', symbolStay: false });

还有KnockoutJS

And KnockoutJS

var ViewModel = function () {
            this.Price = ko.observable();

            this.PriceFinal= ko.computed(function () {
                return this.Price() 
            }, this);
        };

        ko.applyBindings(new ViewModel()); 

推荐答案

您应该使用可写的可计算观察值.

You should use a writable computed observable.

function MyViewModel() {
    this.price = ko.observable(25.99);

    this.formattedPrice = ko.computed({
        read: function () {
            return '$' + this.price().toFixed(2);
        },
        write: function (value) {
            // Strip out unwanted characters, parse as float, then write the raw data back to the underlying "price" observable
            value = parseFloat(value.replace(/[^\.\d]/g, ""));
            this.price(isNaN(value) ? 0 : value); // Write to underlying storage
        },
        owner: this
    });
}

ko.applyBindings(new MyViewModel());

这篇关于是否可以将KnockoutJS与带掩码的输入一起使用?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！