add extjs 6.0.1 sources

[extjs.git] / extjs / packages / core / src / app / bind / TemplateBinding.js

/**\r
 * This class is created to manage a template against a `ViewModel`. A binding of this\r
 * type uses `{@link Ext.app.bind.Template}` to process the template text so see that\r
 * class for details on template syntax.\r
 *\r
 * The bindings to provide the data needed by the template are managed here.\r
 */\r
Ext.define('Ext.app.bind.TemplateBinding', {\r
    extend: 'Ext.app.bind.BaseBinding',\r
\r
    requires: [\r
        'Ext.app.bind.Multi',\r
        'Ext.app.bind.Template'\r
    ],\r
\r
    isTemplateBinding: true,\r
\r
    lastValue: undefined,\r
\r
    value: undefined,\r
\r
    constructor: function (template, owner, callback, scope, options) {\r
        var me = this,\r
            tpl = new Ext.app.bind.Template(template),\r
            tokens = tpl.getTokens();\r
\r
        me.callParent([ owner, callback, scope, options ]);\r
\r
        me.tpl = tpl;\r
        me.tokens = tokens;\r
        tokens.$literal = true;\r
\r
        // If we don't have any tokens, then we've just got a static string.\r
        if (tokens.length) {\r
            me.multiBinding = new Ext.app.bind.Multi(tokens, owner, me.onBindData, me);\r
        } else {\r
            me.isStatic = true;\r
            me.onData(tpl.text);\r
        }\r
    },\r
    \r
    destroy: function() {\r
        var me = this;\r
        Ext.destroy(me.multiBinding);\r
        me.tpl = me.multiBinding = null;\r
        me.callParent();\r
    },\r
\r
    getFullName: function () {\r
        var multi = this.multiBinding;\r
        return this.fullName || (this.fullName = '$' + (multi ? multi.getFullName() : this.callParent()));\r
    },\r
\r
    getRawValue: function () {\r
        return this.value;\r
    },\r
\r
    getTemplateScope: function () {\r
        return null;\r
    },\r
\r
    isDescendantOf: function () {\r
        return false;\r
    },\r
\r
    isLoading: function () {\r
        var multi = this.multiBinding;\r
        return multi ? multi.isLoading() : false;\r
    },\r
    \r
    onBindData: function(data) {\r
        this.onData(this.tpl.apply(data, this.getTemplateScope()));\r
    },\r
\r
    onData: function (value) {\r
        var me = this,\r
            lastValue = me.value;\r
\r
        if (lastValue !== (me.value = value)) {\r
            me.lastValue = lastValue;\r
            me.schedule();\r
        }\r
    },\r
\r
    react: function () {\r
        this.notify(this.value);\r
    },\r
\r
    refresh: function () {\r
        var multi = this.multiBinding;\r
        if (multi) {\r
            multi.refresh();\r
        }\r
    },\r
\r
    privates: {\r
        sort: function () {\r
            var multi = this.multiBinding;\r
            if (multi) {\r
                this.scheduler.sortItem(multi);\r
            }\r
\r
            // Schedulable#sort === emptyFn\r
            //me.callParent();\r
        }\r
    }\r
});\r