devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
75 lines (73 loc) • 3.03 kB
JavaScript
/**
* DevExtreme (cjs/integration/knockout/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/
*/
;
exports.KoTemplate = void 0;
var _renderer = _interopRequireDefault(require("../../core/renderer"));
var _dom_adapter = _interopRequireDefault(require("../../core/dom_adapter"));
var _knockout = _interopRequireDefault(require("knockout"));
var _type = require("../../core/utils/type");
var _template_base = require("../../core/templates/template_base");
var _dom = require("../../core/utils/dom");
var _utils = require("./utils");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
const getParentContext = function(data) {
const parentNode = _dom_adapter.default.createElement("div");
_knockout.default.applyBindingsToNode(parentNode, null, data);
const parentContext = _knockout.default.contextFor(parentNode);
_knockout.default.cleanNode(parentNode);
return parentContext
};
const KoTemplate = class extends _template_base.TemplateBase {
constructor(element) {
super();
this._element = element;
this._template = (0, _renderer.default)("<div>").append((0, _dom.normalizeTemplateElement)(element));
this._registerKoTemplate()
}
_registerKoTemplate() {
const template = this._template.get(0);
new _knockout.default.templateSources.anonymousTemplate(template).nodes(template)
}
_prepareDataForContainer(data, container) {
if (container && container.length) {
const node = (0, _utils.getClosestNodeWithContext)(container.get(0));
const containerContext = _knockout.default.contextFor(node);
data = void 0 !== data ? data : _knockout.default.dataFor(node) || {};
if (containerContext) {
return data === containerContext.$data ? containerContext : containerContext.createChildContext(data)
}
}
return getParentContext(data).createChildContext(data)
}
_renderCore(options) {
const model = this._prepareDataForContainer(options.model, (0, _renderer.default)(options.container));
if ((0, _type.isDefined)(options.index)) {
model.$index = options.index
}
const $placeholder = (0, _renderer.default)("<div>").appendTo(options.container);
let $result;
_knockout.default.renderTemplate(this._template.get(0), model, {
afterRender: function(nodes) {
$result = (0, _renderer.default)(nodes)
}
}, $placeholder.get(0), "replaceNode");
return $result
}
source() {
return (0, _renderer.default)(this._element).clone()
}
dispose() {
this._template.remove()
}
};
exports.KoTemplate = KoTemplate;