2

我正在使用 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"不带特殊字符的数字。

完整代码片段@JS Fiddle

4

1 回答 1

0

做了一些更多的研究并找到了答案

使用 MVVM 时取消屏蔽数据绑定到可观察值的解决方法。单个 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); } } });

于 2015-04-02T14:51:58.697 回答