add extjs 6.0.1 sources

[extjs.git] / extjs / modern / modern / src / grid / Row.js

/**\r
 * This class is created by a {@link Ext.grid.Grid grid} to manage each record. Rows act\r
 * as containers for {@link Ext.grid.cell.Base cells}.\r
 *\r
 * Row does not extend {@link Ext.Container} to keep overhead to a minimum. Application\r
 * code should not need to create instances of this class directly. Rows are created by\r
 * the {@link Ext.dataview.List} base as configured by {@link Ext.grid.Grid}.\r
 */\r
Ext.define('Ext.grid.Row', {\r
    extend: 'Ext.Component',\r
    xtype: 'gridrow',\r
\r
    requires: [\r
        'Ext.grid.cell.Cell'\r
    ],\r
\r
    mixins: [\r
        'Ext.mixin.Queryable'\r
    ],\r
\r
    config: {\r
        baseCls: Ext.baseCSSPrefix + 'grid-row',\r
\r
        header: {\r
            xtype: 'component',\r
            cls: 'x-grid-header',\r
            html: ' '\r
        },\r
\r
        grid: null\r
    },\r
\r
    constructor: function(config) {\r
        this.cells = [];\r
        this.columnMap = {};\r
        this.callParent([config]);\r
    },\r
\r
    applyHeader: function(header) {\r
        if (header && !header.isComponent) {\r
            header = Ext.factory(header, Ext.Component, this.getHeader());\r
        }\r
        return header;\r
    },\r
\r
    updateHeader: function(header, oldHeader) {\r
        if (oldHeader) {\r
            oldHeader.destroy();\r
        }\r
    },\r
\r
    updateGrid: function(grid) {\r
        var me = this,\r
            i, columns, ln;\r
\r
        if (grid) {\r
            columns = grid.getColumns();\r
            for (i = 0, ln = columns.length; i < ln; i++) {\r
                me.addColumn(columns[i]);\r
            }\r
        }\r
    },\r
\r
    addColumn: function(column) {\r
        this.insertColumn(this.cells.length, column);\r
    },\r
\r
    getRefItems: function() {\r
        return this.cells;\r
    },\r
\r
    insertColumn: function(index, column) {\r
        var me = this,\r
            cells = me.cells,\r
            cell = me.createCell(column);\r
\r
        if (index === cells.length) {\r
            me.element.appendChild(cell.element);\r
            cells.push(cell);\r
        } else {\r
            cell.element.insertBefore(cells[index].element);\r
            cells.splice(index, 0, cell);\r
        }\r
\r
        me.columnMap[column.getId()] = cell;\r
    },\r
\r
    moveColumn: function(column, fromIdx, toIdx) {\r
        var cells = this.cells,\r
            cell = cells[fromIdx];\r
\r
        Ext.Array.move(cells, fromIdx, toIdx);\r
        if (toIdx === cells.length - 1) {\r
            this.element.appendChild(cell.element);\r
        } else {\r
            cell.element.insertBefore(cells[toIdx + 1].element);\r
        }\r
    },\r
\r
    removeColumn: function(column) {\r
        var me = this,\r
            columnMap = me.columnMap,\r
            columnId = column.getId(),\r
            cell = columnMap[columnId];\r
\r
        if (cell) {\r
            Ext.Array.remove(me.cells, cell);\r
            delete columnMap[columnId];\r
            cell.destroy();\r
        }\r
    },\r
\r
    updateRecord: function(record) {\r
        if (!record) {\r
            return;\r
        }\r
\r
        var cells = this.cells,\r
            len = cells.length,\r
            i, cell;\r
\r
        for (i = 0; i < len; ++i) {\r
            cell = cells[i];\r
            if (cell.getRecord() === record) {\r
                cell.updateRecord(record);\r
            } else {\r
                cell.setRecord(record);\r
            }\r
        }\r
    },\r
\r
    setColumnWidth: function(column, width) {\r
        var cell = this.getCellByColumn(column);\r
        if (cell) {\r
            cell.setWidth(width);\r
        }\r
    },\r
\r
    showColumn: function(column) {\r
        this.setCellHidden(column, false);\r
    },\r
\r
    hideColumn: function(column) {\r
        this.setCellHidden(column, true);\r
    },\r
\r
    getCellByColumn: function(column) {\r
        return this.columnMap[column.getId()];\r
    },\r
\r
    getColumnByCell: function(cell) {\r
        return cell.getColumn();\r
    },\r
\r
    destroy: function() {\r
        var me = this;\r
\r
        me.cells = Ext.destroy(me.cells, me.getHeader());\r
        me.setRecord(null);\r
        me.callParent();\r
    },\r
\r
    privates: {\r
        createCell: function(column) {\r
            var cell = this.getCellCfg(column);\r
\r
            cell.$initParent = this;\r
            cell = Ext.create(cell);\r
            delete cell.$initParent;\r
\r
            return cell;\r
        },\r
\r
        getCellCfg: function(column) {\r
            return Ext.apply({\r
                parent: this,\r
                column: column,\r
                record: this.getRecord(),\r
                hidden: column.getHidden(),\r
                width: column.getComputedWidth()\r
            }, column.getCell());\r
        },\r
\r
        setCellHidden: function(column, hidden) {\r
            var cell = this.getCellByColumn(column);\r
            if (cell) {\r
                cell.setHidden(hidden);\r
            }\r
        }\r
    }\r
});\r