add extjs 6.0.1 sources

[extjs.git] / extjs / packages / ux / classic / src / GroupTabRenderer.js

/**\r
* Allows GroupTab to render a table structure.\r
*/\r
Ext.define('Ext.ux.GroupTabRenderer', {\r
    extend: 'Ext.plugin.Abstract',\r
    alias: 'plugin.grouptabrenderer',\r
\r
    tableTpl: new Ext.XTemplate(\r
        '<div id="{view.id}-body" class="' + Ext.baseCSSPrefix + '{view.id}-table ' + Ext.baseCSSPrefix + 'grid-table-resizer" style="{tableStyle}">',\r
            '{%',\r
                'values.view.renderRows(values.rows, values.viewStartIndex, out);',\r
            '%}',\r
        '</div>',\r
        {\r
            priority: 5\r
        }\r
    ),\r
\r
    rowTpl: new Ext.XTemplate(\r
        '{%',\r
            'Ext.Array.remove(values.itemClasses, "', Ext.baseCSSPrefix + 'grid-row");',\r
            'var dataRowCls = values.recordIndex === -1 ? "" : " ' + Ext.baseCSSPrefix + 'grid-data-row";',\r
        '%}',\r
        '<div {[values.rowId ? ("id=\\"" + values.rowId + "\\"") : ""]} ',\r
            'data-boundView="{view.id}" ',\r
            'data-recordId="{record.internalId}" ',\r
            'data-recordIndex="{recordIndex}" ',\r
            'class="' + Ext.baseCSSPrefix + 'grouptab-row {[values.itemClasses.join(" ")]} {[values.rowClasses.join(" ")]}{[dataRowCls]}" ',\r
            '{rowAttr:attributes}>',\r
            '<tpl for="columns">' +\r
                '{%',\r
                    'parent.view.renderCell(values, parent.record, parent.recordIndex, parent.rowIndex, xindex - 1, out, parent)',\r
                 '%}',\r
            '</tpl>',\r
        '</div>',\r
        {\r
            priority: 5\r
        }\r
    ),\r
\r
    cellTpl: new Ext.XTemplate(\r
        '{%values.tdCls = values.tdCls.replace(" ' + Ext.baseCSSPrefix + 'grid-cell "," ");%}',\r
        '<div class="' + Ext.baseCSSPrefix + 'grouptab-cell {tdCls}" {tdAttr}>',\r
            '<div {unselectableAttr} class="' + Ext.baseCSSPrefix + 'grid-cell-inner" style="text-align: {align}; {style};">{value}</div>',\r
            '<div class="x-grouptabs-corner x-grouptabs-corner-top-left"></div>',\r
            '<div class="x-grouptabs-corner x-grouptabs-corner-bottom-left"></div>',\r
        '</div>',\r
        {\r
            priority: 5\r
        }\r
    ),\r
\r
    selectors: {\r
        // Outer table\r
        bodySelector: 'div.' + Ext.baseCSSPrefix + 'grid-table-resizer',\r
\r
        // Element which contains rows\r
        nodeContainerSelector: 'div.' + Ext.baseCSSPrefix + 'grid-table-resizer',\r
\r
        // row\r
        itemSelector: 'div.' + Ext.baseCSSPrefix + 'grouptab-row',\r
\r
        // row which contains cells as opposed to wrapping rows\r
        rowSelector: 'div.' + Ext.baseCSSPrefix + 'grouptab-row',\r
\r
        // cell\r
        cellSelector: 'div.' + Ext.baseCSSPrefix + 'grouptab-cell', \r
\r
        getCellSelector: function(header) {\r
            return header ? header.getCellSelector() : this.cellSelector; \r
        }\r
\r
    },\r
\r
    init: function(grid) {\r
        var view = grid.getView(), \r
            me = this;\r
        view.addTpl(me.tableTpl);\r
        view.addRowTpl(me.rowTpl);\r
        view.addCellTpl(me.cellTpl);\r
        Ext.apply(view, me.selectors);\r
    }\r
});\r
\r
\r
\r