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

Grid Custom Cell Editor Closing

2 Answers 350 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jeffrey
Top achievements
Rank 1
Jeffrey asked on 30 Jun 2017, 10:33 PM

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 Answers, 1 is accepted

Sort by
0
Jeffrey
Top achievements
Rank 1
answered on 30 Jun 2017, 10:38 PM

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

0
Konstantin Dikov
Telerik team
answered on 04 Jul 2017, 01:30 PM
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.
Tags
Grid
Asked by
Jeffrey
Top achievements
Rank 1
Answers by
Jeffrey
Top achievements
Rank 1
Konstantin Dikov
Telerik team
Share this question
or