KnockoutJS cleanup code a bit

This commit is contained in:
the-djmaze 2024-03-03 22:36:03 +01:00
parent b07bf3ad12
commit 0e1a34f067
2 changed files with 23 additions and 22 deletions

View file

@ -12,7 +12,8 @@ ko.bindingHandlers['checked'] = {
// Treat "value" like "checkedValue" when it is included with "checked" binding
if (allBindings['has']('checkedValue')) {
return ko.utils.unwrapObservable(allBindings.get('checkedValue'));
} else if (useElementValue) {
}
if (useElementValue) {
return allBindings['has']('value')
? ko.utils.unwrapObservable(allBindings.get('value'))
: element.value;

View file

@ -1,7 +1,6 @@
// "foreach: someExpression" is equivalent to "template: { foreach: someExpression }"
// "foreach: { data: someExpression, afterAdd: myfn }" is equivalent to "template: { foreach: someExpression, afterAdd: myfn }"
ko.bindingHandlers['foreach'] = {
makeTemplateValueAccessor: valueAccessor =>
// "foreach: { data: someExpression }" is equivalent to "template: { foreach: someExpression }"
const makeTemplateValueAccessor = valueAccessor =>
() => {
var modelValue = valueAccessor(),
// Unwrap without setting a dependency here
@ -10,7 +9,7 @@ ko.bindingHandlers['foreach'] = {
// If unwrappedValue is the array, pass in the wrapped value on its own
// The value will be unwrapped and tracked within the template binding
// (See https://github.com/SteveSanderson/knockout/issues/523)
if ((!unwrappedValue) || typeof unwrappedValue.length == "number")
if ((!unwrappedValue) || Array.isArray(unwrappedValue))
return { 'foreach': modelValue };
// If unwrappedValue.data is the array, preserve all relevant options and unwrap again value so we get updates
@ -18,11 +17,12 @@ ko.bindingHandlers['foreach'] = {
return {
'foreach': unwrappedValue['data']
};
},
};
ko.bindingHandlers['foreach'] = {
'init': (element, valueAccessor) =>
ko.bindingHandlers['template']['init'](element, ko.bindingHandlers['foreach'].makeTemplateValueAccessor(valueAccessor))
ko.bindingHandlers['template']['init'](element, makeTemplateValueAccessor(valueAccessor))
,
'update': (element, valueAccessor, allBindings, viewModel, bindingContext) =>
ko.bindingHandlers['template']['update'](element, ko.bindingHandlers['foreach'].makeTemplateValueAccessor(valueAccessor), allBindings, viewModel, bindingContext)
ko.bindingHandlers['template']['update'](element, makeTemplateValueAccessor(valueAccessor), allBindings, viewModel, bindingContext)
};
ko.virtualElements.allowedBindings['foreach'] = true;