This is a migrated thread and some comments may be shown as answers.
Grid Editor Pop-Up Ghosting
5 Answers 13 Views
This is a migrated thread and some comments may be shown as answers.
Reid
Top achievements
Rank 2
Reid asked on 04 Apr 2018, 07:51 PM

I have a condition where a grid that displays normally initially persists in showing the editor for the row on the bottom of the grid after you click the edit button (the first time).  If you click the Edit button again the editor will pop up but you can still see the same editor on the page behind it on the bottom of the grid.  The context and transactional part are fine but I cannot explain why this is happening.  It renders fine with respect to popups on other grids in the solution, like 25 of them.

There is no mistake in the html structure with <divs> that might lead to something like this.

Any suggestions would be welcome.

5 Answers, 1 is accepted

Sort by
0
Reid
Top achievements
Rank 2
answered on 05 Apr 2018, 10:33 AM

I discovered what was causing this.  For some reason assigning the .selectpicker class to the Dropdowns in the editor was the culprit when done in the document ready event..  There is the class assignment in the control declaration, @class = "selectpicker show-tick form-control",   but the select picker does not work the same as the native Bootstrap class. 

 

The native Bootstrap select picker has a dropdown search text box that does incremental search.  The search in the dropdown has no drop down to edit what you are searching for and will only use the keyboard input for the first run.  The Bootstrap class and JS will filter the dropdown to what you are typing.  Is there way to make this work that way?  Is Kendo intercepting something here?

 

Thanks

0
Konstantin Dikov
Telerik team
answered on 09 Apr 2018, 12:57 PM
Hi Reid,

I am not sure that I understand the exact scenario that you have and what is the actual issue with the Grid that you are facing. Could you please open a regular support ticket and attach a sample, runnable project replicating the behavior, so we can test and debug it locally?

Looking forward to your reply.


Regards,
Konstantin Dikov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Reid
Top achievements
Rank 2
answered on 10 Apr 2018, 04:24 PM

If you look at this link Bootstrap SelectList and scroll to live search.  That is how it should be functioning with respect to Live Search.  Can you try to assign the selectpicker class to a dropdown in a quick demo and inititate it in the documentready() as a select picker?

Thanks

0
Accepted
Konstantin Dikov
Telerik team
answered on 13 Apr 2018, 11:50 AM
Hello Reid,

If you want to search within the drop down I would recommend the filtering mechanism of the Kendo UI DropDownList:
You could also take a look at the following demo for using custom editors in the Grid:

Regards,
Konstantin Dikov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Reid
Top achievements
Rank 2
answered on 17 Apr 2018, 09:54 AM

Thank you for the reply.  I am working on an issue where the grids stopped displaying data in the app (I posted above) so I cannot get to this issue until that is solved but I I do appreciate the direction.

Tags
Grid
Asked by
Reid
Top achievements
Rank 2
Answers by
Reid
Top achievements
Rank 2
Konstantin Dikov
Telerik team
Share this question
or