假设我有以下链接到文本框的 jQuery UI slider 。
是否可以允许用户在文本框中输入大于 slider 值的值(并将 slider 设置为最大值)?
ko.bindingHandlers.slider = {
init: function (element, valueAccessor, allBindingsAccessor) {
var options = allBindingsAccessor().sliderOptions || {};
$(element).slider(options);
ko.utils.registerEventHandler(element, "slidechange", function (event, ui) {
var observable = valueAccessor();
observable(ui.value);
});
ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
$(element).slider("destroy");
});
ko.utils.registerEventHandler(element, "slide", function (event, ui) {
var observable = valueAccessor();
observable(ui.value);
});
},
update: function (element, valueAccessor) {
var value = ko.utils.unwrapObservable(valueAccessor());
if (isNaN(value)) value = 0;
$(element).slider("value", value);
}
};
在此示例中:http://jsfiddle.net/jearles/Dt7Ka/12/我希望能够在文本框中保存超过 100 的值,并使 slider 显示为其最大值。
最佳答案
如果 observable 的值小于 options.max
,您可以只更新 slidechange
事件中的 observable 值:
ko.utils.registerEventHandler(element, "slidechange", function (event, ui) {
var observable = valueAccessor();
var currentMax = $(element).slider("option", "max");
if (observable() <= currentMax)
observable(ui.value);
});
关于jquery-ui - 带有 jQuery UI slider 的 Knockout .js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13121296/