Kendo Inline Edit Custom Pop up

2 posts, 0 answers
  1. Suraj
    Suraj avatar
    2 posts
    Member since:
    Nov 2015

    Posted 27 May 2016 Link to this post

    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

  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2466 posts

    Posted 31 May 2016 Link to this post

    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!
     
Back to Top