add extjs 6.0.1 sources

[extjs.git] / extjs / packages / core / src / mixin / Templatable.js

/**\r
 *\r
 */\r
Ext.define('Ext.mixin.Templatable', {\r
    extend: 'Ext.Mixin',\r
\r
    mixinConfig: {\r
        id: 'templatable'\r
    },\r
\r
    referenceAttributeName: 'reference',\r
\r
    referenceSelector: '[reference]',\r
\r
    getElementConfig: function() {\r
        return {\r
            reference: 'element'\r
        };\r
    },\r
\r
    getElementTemplate: function() {\r
        var elementTemplate = document.createDocumentFragment();\r
        elementTemplate.appendChild(Ext.Element.create(this.getElementConfig(), true));\r
        return elementTemplate;\r
    },\r
\r
    initElement: function() {\r
        var prototype = this.self.prototype;\r
\r
        prototype.elementTemplate = this.getElementTemplate();\r
        prototype.initElement = prototype.doInitElement;\r
\r
        this.initElement.apply(this, arguments);\r
    },\r
\r
    linkElement: function(reference, node) {\r
        this.link(reference, node);\r
    },\r
\r
    doInitElement: function() {\r
        var referenceAttributeName = this.referenceAttributeName,\r
            renderElement, referenceNodes, i, ln, referenceNode, reference;\r
\r
        renderElement = this.elementTemplate.cloneNode(true);\r
        referenceNodes = renderElement.querySelectorAll(this.referenceSelector);\r
\r
        for (i = 0,ln = referenceNodes.length; i < ln; i++) {\r
            referenceNode = referenceNodes[i];\r
            reference = referenceNode.getAttribute(referenceAttributeName);\r
            referenceNode.removeAttribute(referenceAttributeName);\r
            this.linkElement(reference, referenceNode);\r
        }\r
    }\r
});\r