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

Custom Widget in Grid Column

1 Answer 132 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Henry
Top achievements
Rank 1
Henry asked on 27 Jun 2016, 08:00 PM

Hi,

I'm trying to add a custom widget in an editable grid column, I need to be able to modify two inputs in the same cell and display the value of both inputs concatenated by ':'.

i.e.

<input id='input_1' /><input id='input_2' />

once you click on the cell both inputs show up and you can change both values, so, when you get back to your grid view it will show INPUT_1_VALUE:INPUT_2_VALUE.

I haven't been able to get the values for the two inputs at the same time, and I'm only being able to mark the cell as "dirty".

Attached you will find the plugin code, and the grid view so you can see how those textboxes look like.

Thanks,

 

 

1 Answer, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 30 Jun 2016, 07:34 AM

Hello Henry,

 

I would like to apologize for the delayed answer. 

 

I am afraid that having multiple widgets as editors for a single column is not supported scenario. However you can try to:

  1. Find the model associated with the row (please refer to the dataItem method of the Kendo UI Grid).

   2. Use its set method to set the field value to concatenated value of the two inputs (please refer to the set method). 

 

Regards,
Boyan Dimitrov
Telerik
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
Grid
Asked by
Henry
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question
or