SMART datagrid :: Selection Display

Selection Display Example

If specify DisplayOptions.selectDisplay as CELL, it will display the selection state of each cell with using GridStyles.selectedBackground and selectedColor, rather than to display the selection areas of the data cell with an opaque mask.

SelectionDisplay.MASKCELL (Select again after change the settings)

Grid - 1

rows

Show Single Selection Display as the style when it is single cell selection.

If it is CELL, the selected cells will be drawn through GridStyles.selectedBackground and selectedColor.

Code -1

    grid.loadStyles({
        body: {
            cell: {
                selectedBackground: undefined,
                seleectedColor: undefined
            }
        }
    });

Select merged cell

The selection area of the grid is basically set based on the row, but if specify DisplayOptions.mergedSelection as true, it will be set based on the merged cell.

Grid - 2

rows

Merged Selection Set the selection area based on the merged cell.

View Source JSP

See Also: DisplayOptions.selectDisplay; DisplayOptions.showSingleSelection; DisplayOptions.mergedSelection

Examples: Selection; Merged Cell Selection