我正在使用Kendo MVVM,并且我有一个绑定到kendo observable的kendo数字文本框。 我想要的只是:当用户更改值时,应该弹出一个确认,例如'您确定吗?'如果是 - >没问题,继续。 如果没有 - >什么都不应该发生!
理论上听起来很简单......但我发现了3个主要问题:
1)numerictextbox只有2个事件:旋转和更改...所以任何使用按键/焦点/或任何其他事件的想法都会被丢弃。
2)所以尝试使用更改事件...但我无法阻止默认!另一个尝试是保存以前的值并在没有回答的情况下恢复它。但是这让我引发事件变化TWICE!
3)任何其他模型领域,他们正在观察'我甚至在回答确认框之前会更改数字文本框...而且我绝对不想要这个!
P.S。我还有一个下拉列表和一个必须以同样方式工作的日期选择器!
请帮忙!
提供了一个快速示例:http://dojo.telerik.com/EyItE 在这里你可以看到在用户回答是/否(问题3)之前,numericbox2(谁正在观察numericbox1并被计算)如何自行更改 和keypress / focus / preventDefault不起作用。
答案 0 :(得分:0)
这是关于默认情况下不支持的绑定事件的答案: Kendo MVVM and binding or extending custom events
对于preventDefault(或"还原"值)。我试图按照你的建议存储前一个值,它不会触发两次:
var viewModel = kendo.observable({
myItem: {
// fields, etc
myNumericBox: 10,
myNumericBox2: function () {
return viewModel.get("myItem.myNumericBox")*2;
},
tmp: 10
},
onChange: function (e) {
if ( confirm("are you sure?")) {
viewModel.set("myItem.tmp", viewModel.get("myItem.myNumericBox"));
}
else {
viewModel.set("myItem.myNumericBox", viewModel.get("myItem.tmp"));
}
},
tryf: function () {
alert("hello!"); // doesn't trigger
},
tryk: function() {
alert("hello2!"); // doesn't trigger
}
});
答案 1 :(得分:0)
我解决了一个自定义绑定,要求你在html小部件更改之间进行确认 - >模型更新。
kendo.data.binders.widget.valueConfirm = kendo.data.Binder.extend({
init: function (widget, bindings, options) { // start
kendo.data.Binder.fn.init.call(this, widget.element[0], bindings, options);
this.widget = widget;
this._change = $.proxy(this.change, this);
this.widget.bind("change", this._change); // observe
},
refresh: function () { // when model change
if (!this._initChange) {
var widget = this.widget;
var value = this.bindings.valueConfirm.get(); // value of the model
if (widget.ns == ".kendoDropDownList") { // for the dropdown i have to use select
widget.select(function (d) {
return d.id == value.id;
});
}
else widget.value(value); // update widget
}
},
change: function () { // when html item change
var widget = this.widget;
if (widget.ns == ".kendoDropDownList") var value = widget.dataItem(); // for dropdown i need dataitem
else var value = widget.value();
var old = this.bindings.valueConfirm.get();
this._initChange = true;
// I want to bypass the confirm if the value is not valid (for example after 1st load with blank values).
if (old == null || old == 'undefined' || old == 'NaN') this.bindings.valueConfirm.set(value); // Update the View-Model
else {
if (confirm("Are you sure?")) {
this.bindings.valueConfirm.set(value); // Update the View-Model
}
else {
this._initChange = false;
this.refresh(); // Reset old value
}
}
this._initChange = false;
},
destroy: function () { // dunno if this is useful
this.widget.unbind("change", this._change);
}
});