SMART datagrid v.1 > Examples

ColumnLayouts  Example

ColumnLayout provides the way to relocate the columns set in the grid. You can pick a column contained in the column group to the top level, or gather the columns in another column group to organize a new column group. Of course, you can also display or hide the column which is not displayed currently. 

In addition, you can call GridBase.restoreColumns to return the original column layout. 

ColumnLayout is set through GridBase.columnLayout property. You can specify one of the predefined through columnLayouts, or specify a brand new ColumnLayout. 

Reverse Sort by column header. 

linearizeColumns release all column groups and place the rest of columns in a row. At this point, you can specify the column properties which are being used to sort. 

    btnLinearize_click: function () {
        // Sort by column header text.
        grdMain.linearizeColumns(['header.text'], $('#chkReverse').is(':checked'));
    }

Note

• One column, of course, cannot be the child of several groups.
• Although you can change the properties of the existing column when create ColumnLayout, Column Width is the only one that can be restored through restoreColumns.

You can keep the column layout which is displayed currently and use it again as ColumnLayout. 

View Source JSP 

See Also

GridBase.columnLayout

GridBase.restoreColumns

GridBase.linearizeColumns

GridBase.registerColumnLayouts

ColumnLayout

Examples