• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Cell Edit Type in ASP.NET MVC Tree Grid Control

This sample demonstrates the supported cell edit types of Tree Grid columns. The list of cell edit types are as follows,

  • NumericTextBox component for integers, double, and decimal data types.
  • TextBox component for string data type.
  • DropDownList component for list data type.
  • DatePicker component for date data type.
  • DateTimePicker component for dateTime data type.
  • Checkbox component for boolean data type
DEMO
SOURCE

The Columns.EditType is used to customize the edit type of the particular column. You can set the Columns.EditType based on data type of the column.

In this sample, we show the following editTypes for the Tree Grid columns

  • NumericTextBox
  • TextBox
  • DropDownList
  • DateTimePicker
  • Checkbox