如何从 kendo maskedtextbox mvvm 值绑定中删除提示字符

Question

我正在使用 Kendo UI Masked Textbox 和 MVVM 值绑定。

viewmodel phonenumber 不包含任何提示字符，例如“()-”，它仅包含数字。

var viewModel = kendo.observable({ phoneNumber: "1234567890", onChange: function () { alert("event :: change " + this.get("phoneNumber")); } }); kendo.bind($("#example"), viewModel);

当您更改表单中的值并检查 viewModel phoneNumber 时（请参阅 onchange 函数）。 phoneNumber 现在包含特殊/提示字符，例如phoneNumber: "(444) 555-5555"

这是我的问题，我希望 MaskedTextbox 的值只返回数字 phoneNumber: "4445555555" 而不是特殊字符。

Full Code Snippet @JS Fiddle

Answer 1

做了更多的研究，发现了answer

使用 MVVM 时取消屏蔽数据绑定到 observable 的值的解决方法。单个 maskedtextbox 更改事件处理程序可以剥离任何值绑定的格式： <ul data-role="listview"> <li> <label> Home Phone: <input type="text" data-role="maskedtextbox" data-bind="value: homePhone, events: { change: maskStrip }" data-mask="(000) 000-0000" /> </label> </li> <li> <label> Cell Phone: <input type="text" data-role="maskedtextbox" data-bind="value: cellPhone, events: { change: maskStrip }" data-mask="(000) 000-0000"/> </label> </li> </ul>

var vm = kendo.observable({ homePhone: null, cellPhone: null, maskStrip: function (e) { var that = e.sender, stripped = that._unmask(that.value()), obs = e.data, val = that.element.data("bind"); if (val) { val = val.substring(val.indexOf('value: ') + 7); //remove properties before if (val.indexOf(',') > -1) val = val.substring(0, val.indexOf(',')); //remove properties after obs.set(val, stripped); } } });