Grid Custom Cell Editor Closing

3 posts, 0 answers
  1. Jeffrey
    Jeffrey avatar
    14 posts
    Member since:
    Sep 2016

    Posted 30 Jun 2017 Link to this post

    Hi Kendo UI Team,

    I'm trying to create a custom editor for in cell editing within a kendo grid.  Our custom editor is a combination of your multiselect/treeview ui widgets.

    The problem I am encountering is that when you click the cell and the editor appears, attempting to further interact with the editor will then cause the cell's custom editor to minimize - I suspect the grid thinks I am clicking out of the scope of the editor (because the editor is larger than the cell that contains the bound data and has absolute positioning below that cell) and thus closes it.  Is there any way to get around this problem?  As it is right now, I am unable to interact with the custom editor without it closing the cell's edit mode.

    (unfortunately our custom editor is... complex... so I don't think I have a nice code sample to put here for you)

    Best,

    Jeff

  2. Jeffrey
    Jeffrey avatar
    14 posts
    Member since:
    Sep 2016

    Posted 30 Jun 2017 Link to this post

    more details - hopefully relevant:

     

    custom editor is in another partial.  multiselect is disabled and displays user selection of treeview nodes.  multiselect fits in the cell and when clicked does not cause the editor to close.  treeview is absolute positioning below multiselect, and when trying to interact with that or the scrollbar next to its div, the cell editor will close and multiselect/treeview are thus both minimized from view.

     

    Thanks,

    Jeff

  3. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2466 posts

    Posted 04 Jul 2017 Link to this post

    Hello Jeffrey,

    Such complex editors are not supported out of the box with InCell (Batch) edit mode. For example, in order to use a simple TreeView as an editor, you should use similar to the following approach:
    Another option for resolving this would be to either use the InLine edit mode or try to integrate the solution demonstrated in the following dojo example for using a custom popup editor for specific column:

    Best Regards,
    Konstantin Dikov
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top