B“高
我正在基于敲除js的旧项目上工作。我正在尝试创建一个用于select2的自定义绑定,但是我遇到了一堵砖墙,试图找出哪些属性(值)发生了变化。
即我怎么知道选项列表是否刚刚更改?还是所选值?
如果值列表刚刚更改,那么我需要重构select2,将控件值设置为null(否则默认情况下选择第一项)。如果用户只是在列表中选择了一个项目,那么我真的不想做任何事情。绝对不重建整个控件或将控件值设置为null。但是我找不到任何方法可以查看哪些值已更改。
淘汰赛中的每个可观察对象都有订阅状态,因此如果您有
var myProp = ko.observable();
您可以订阅此道具的更改,并在那里做所有必要的事情:
myProp.subscribe(function(newValue){
console.log("value of prop changed to " + newValue);
});
我们确实通过以下方式为jquery选择的插件实现了自定义选择绑定:
ko.bindingHandlers.chosen =
{
init: function (element, valueAccessor, allBindings) {
var values = valueAccessor(),
$element = $(element);
$element.chosen(ko.toJS(values));
if (ko.isObservable(values.enable)) {
values.enable.subscribe(function (value) {
$element.prop('disabled', !value).trigger("chosen:updated");
});
}
// trigger chosen:updated event when the bound value or options changes
['value', 'selectedOption', 'options'].forEach(function (e) {
var bv = allBindings.get(e);
if (ko.isObservable(bv))
bv.subscribe(function () { $(element).trigger('chosen:updated'); });
});
var prop = allBindings.get('value');
$element.off('change');
$element.on('change', function (obj, event) {
if (!event || !prop) {
return;
}
if (typeof (prop()) == "number" && !isNaN(Number(event.selected))) {
prop(Number(event.selected));
} else {
prop(event.selected);
}
});
},
update: function (element) {
$(element).trigger('chosen:updated');
}
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句