How to fix 'detailInit out of sync after grid refresh' - kendo-ui

Background: Let's say I have a kendo grid with 20 entries. After backend updates/refreshes, when I refresh the grid it comes back with let's say 3 entries. And that's fine depending on my use case.
My problem:
I'm also using detailTemplate with detailInit. I noticed the detail rows are out of sync.... For example, the new 3 entries are still thinking they belong to the previous 20.
The same issue occurs in reverse. If I have 3 entries, that refreshes to 20. If I click on details arrow for the 4th or 5th entry, then an 'undefined' error is thrown.
I successfully refresh the grid via: gridObject.dataSource.read()
kendo throws an error "can't convert undefined to an object" and the stacktrace points to kendo 'details' related code

Related

Using an ajax-based FilteringSelect with dgrid

I'm having an issue with a my current dgrid. I have a column which is dijit/Form/FilteringSelect with a Ajax-based store. The store works fine for searching and populating, but, when I open a page with the dgrid store having a couple of rows already I face a problem. Only the last FilteringSelect triggers the edit event and fires the XHR request.
For example, if the Grid store has 4 items, so it will have 4 rows, only the FilteringSelect of the last row will go to the server to get the display value.
I'm a bit lost, any help?

Orbeon Repeat Grid Issue Dropdown Issue

In my Repeat Grid I have
1. First Dropdown
2. Second Dropdown
3. Input Area
When I select value from First Dropdown, data of Second Dropdown will be loaded. (I'm using On Value Change Action)
When I click on Plus (+) the value of Second Dropdown of First Row changes!
Similarly if I change any row First Dropdown, the values getting bounded for all the Second Dropdowns. Whatever I selected initially will be reloaded again!
Is this the bug in Orbeon or is there a way to load them differently?
This was the behavior prior to Orbeon Forms 2016.1. You can read more details in issue #1770. You can consider upgrading to Orbeon Forms 2016.1, or using the Dynamic Data Dropdown control as a workaround.

kendo dropdown list taking long time to load the options

I am developing a kendo grid in my HTML page (not MVC app) and it gets about 500+ records from the backend service. I have 4 Kendo dropdown lists in each row and 2 are getting values from local variables and other 2 are getting data from ajax calls.
When I try to edit any dropdown list, it goes to the editor function of the column, but takes long time to show the values in dropdown list and sometimes the IE page crashes. I am using IE11.
Do you have any best practices to work with Kendo dropdown list type if the grid has more records say > 200 records.
When I need to show that many results in a dropdown list I usually create an autocomplete combobox instead. You can show, for example, 10 results and have the server return more results as the user types.

Detail template with locking feature in kendo grid

I tried using the frozen columns and detail template both at a time but both they are not supported at a time by kendo telerik grid I get this error every time when I try:
'Uncaught Error: Having both detail template and locked columns is not supported'.
Could you please look into this error. Would you give me an idea, how could I achieve both detail template and frozen columns together in kendo.
http://www.telerik.com/forums/grid-column-locking-with-detail-template
Shankar
As conflicting nature it's not possible in kendo ( or either grid . e.g. Excel sheet too )
http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback/suggestions/6263744-support-row-templates-with-frozen-columns
one probable solution is :
Create two grids side by side. ( left grid for frozen column , right grid for details columns ) you can use same dataSource for both the grid .
Make div size fixed so user cannot scroll on left grid .
hide those repeating columns in Right grid.
add one more extra expand button column in left grid.
on click of expand button of left grid, expand appropriate right side detail row.
i know this is not actual solution with kendo and lots of code work around, but using jquery, tricks you can at least achieve up to certain level.
=> if you have any solution then please share it here sankar. looks like this is old post .

jgGrid Search Dropdown Not Changing

This may be a followup to this question Possible to make jqGrid Search Box Stay on Page? - Or it may be unrelated because clicking the search button manually shows the same behavior.
We have a dynamically generated grid that is created by a) making an ajax request to get the grid columns based on a report id and then b) setting up the grid model and fetching the data. When the page loads initially, we pass in a starting report id, but there is a dropdown box on the page that lets the user change reports.
When the dropdown changes, I unload any existing grid, make the ajax request to get the columns, set up the grid model, and then get the data. The columns change, the data changes, and everything looks correct - except the search columns do not change in the search dropdown.
If I close the search box and reopen it, it still has the old search columns. Likewise, if I click the reset button or reload the entire grid.
I found it after a bit more poking around. I needed to set the recreateFilter option to true
prmSearch = {recreateFilter:true,multipleSearch:true,overlay:false,sopt:['cn','eq','ne','lt','le','gt','ge','in','ni','nc']};

Resources