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

Kendo Inline Edit Custom Pop up

1 Answer 139 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Suraj
Top achievements
Rank 1
Suraj asked on 27 May 2016, 03:54 PM

Hello,
We are trying to do implement a unique requirement for our customer. For the kendo grid, we have implemented inline editing, but we have a lot of columns and some of the columns has a lot of text inside like the comment type columns. it makes it really hard for the customers to do an inline editing on those columns. For their convenience, we are trying to open up a pop up text editor when they click on certain columns that typically have a lot of texts, they are able to add the comments there, then we send the added comments to the respective cell and be able to save the grid.
Also, we have populating the grid columns dynamically.
The problem here is, after adding the comments and clicking on OK, on the UI the cell has the new comments but it doesn't look like it is being updated. As a result kendo grid doesn't know something has changed, and our save all changes/ cancel buttons are still disabled. I tried enabling them by editing other columns, and I clicked on the save all changes button, and it said saved successfully, but even though the comment cell has new text values, it didn't save them, since I don't see those new comments after the grid refresh.
It looks like the editor text value is not binding to the cell properly. I am attaching a couple of files here, the first one(popup editor.PNG) has the piece of code where it opens the popup if the column type is of comment, the second one(okclick.PNG) has the code which triggers the function on OK click on the editor popup, and the third one(popup.PNG) is the editor pop up.

I think the edited text is not binding properly. Any help is appreciated. Thank you

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 31 May 2016, 10:04 AM
Hello Suraj,

For others with similar request, here is the answer from the support ticket that you have opened:

"This is not supported out of the box, however you can try the following approach:
  1. Once the popup is opened, get the Grid's dataItem corresponding to the row
2. Use MVVM to bind the value of the text editor to the dataItem

This should allow you to update the dataItem easily and track the changes in the DataSource.
"


Regards,
Konstantin Dikov
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
Suraj
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or