This is a migrated thread and some comments may be shown as answers.

Differentiate editable and non -editable grid columns in kendo grid

1 Answer 88 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Pravin
Top achievements
Rank 1
Pravin asked on 22 Feb 2014, 01:50 PM
I am using MCV4 razar for UI development in which I have included Kendo Grid. What I require is to differentiate editable and non -editable grid columns in kendo grid
or want editable feilds to be displayed as a textbox so that the users can understand that it is editable specially when it is a kendo dropdown or kendo datepicker on the databound itself, not on user click or something.

1 Answer, 1 is accepted

Sort by
0
Alexander Popov
Telerik team
answered on 25 Feb 2014, 04:02 PM
Hello Pravin,

Basically the Kendo UI Grid supports three editable modes:
  1. InCell, where each cell has to be clicked to become editable 
  2. InLine, where a button is clicked so the whole row becomes editable 
  3. PopUp, where a window is opened upon clicking the edit button

Although showing editors all the time is currently not supported out of the box, it could be achieved using a custom solution. The simplest approach would be to use MVVM to bind the editors (being a simple input element or a Kendo UI widget) to the item's fields. I would recommend checking this example, which illustrates how that could be implemented. Here is another example using similar approach, that shows how a DropDownList could be used in a Grid, I hope it helps.

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Pravin
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Share this question
or