DropDownCell Demo

DropDownCell Demo illustrates the usage of different dropdown controls as celltypes in grid cells. You will learn how to place Date Time pickers, user control, calculators into cells.

Essential Grid uses a control-sharing architecture. While a combo box may appear in many different cells (even with different drop-list content), there is usually only a single combo box that is moved around and populated as needed. This architecture allows Essential Grid to have many different controls without the overhead of creating multiple controls of the same type. You can even create your own custom control types. Other samples like Derived Cell Control Tutorial, Cell Buttons and Virtual Tree Grid have examples of derived cell controls.

Given below is an image of the sample.

Cell Types screenshot

Features:

DateTimePicker

            this.gridControl1[4,2].CellType = "DateTimePicker";
            this.gridControl1[4,2].CellValueType = typeof(DateTime);
            this.gridControl1[4,2].CellValue = DateTime.Now;
            this.gridControl1[4,2].Format = "MM/dd/yyyy hh:mm";  

DropDownGrid Cells

DropDown Form and UserControl

It demonstrates the display of a model form using,

The cell controls in both the above cases display a checked list box in the drop-down. The cell value lists the selected options as a comma delimited string. See the Derived Cell Control section in the Grid’s User Guide for more information on custom cell controls.

DropDown Calculator