devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
74 lines (73 loc) • 2.9 kB
JavaScript
/**
* DevExtreme (esm/__internal/core/templates/m_bindable_template.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import eventsEngine from "../../../common/core/events/core/events_engine";
import {
removeEvent
} from "../../../common/core/events/remove";
import $ from "../../../core/renderer";
import {
TemplateBase
} from "../../../core/templates/template_base";
import {
isPrimitive
} from "../../../core/utils/type";
const watchChanges = function(rawData, watchMethod, fields, fieldsMap, callback) {
let fieldsDispose;
const globalDispose = ((data, watchMethod, callback) => watchMethod((() => data), callback))(rawData, watchMethod, (dataWithRawFields => {
fieldsDispose && fieldsDispose();
if (isPrimitive(dataWithRawFields)) {
callback(dataWithRawFields);
return
}
fieldsDispose = function(data, watchMethod, fields, fieldsMap, callback) {
const resolvedData = {};
const missedFields = fields.slice();
const watchHandlers = fields.map((name => {
const fieldGetter = fieldsMap[name];
return watchMethod(fieldGetter ? () => fieldGetter(data) : () => data[name], (value => {
resolvedData[name] = value;
if (missedFields.length) {
const index = missedFields.indexOf(name);
if (index >= 0) {
missedFields.splice(index, 1)
}
}
if (!missedFields.length) {
callback(resolvedData)
}
}))
}));
return function() {
watchHandlers.forEach((dispose => dispose()))
}
}(dataWithRawFields, watchMethod, fields, fieldsMap, callback)
}));
return function() {
fieldsDispose && fieldsDispose();
globalDispose && globalDispose()
}
};
export class BindableTemplate extends TemplateBase {
constructor(render, fields, watchMethod, fieldsMap) {
super();
this._render = render;
this._fields = fields;
this._fieldsMap = fieldsMap || {};
this._watchMethod = watchMethod
}
_renderCore(options) {
const $container = $(options.container);
const dispose = watchChanges(options.model, this._watchMethod, this._fields, this._fieldsMap, (data => {
$container.empty();
this._render($container, data, options.model)
}));
eventsEngine.on($container, removeEvent, dispose);
return $container.contents()
}
}