I am using igtreeGrid with AngularJS. After "rowupdate" udpated row should be on new sorted place but it's not. Here is a fiddle link
Is there any solution?
Hello Shafaq Kazmi,
Thank you for posting in our forums!
Thank you for the fiddle. In order to have the column sorted, you will need to let the grid know to sort the columns. You can do this by calling the sortColumn method after calling updateRow. The following code is an example of how to achieve this in your sample:
var item = $scope.dataSource[4].files[0].files[0]; var oldName = item.name; item.name = "Updated Row"; $("#igniteGridId").igTreeGridUpdating("updateRow", oldName, item); $("#igniteGridId").igTreeGridSorting("sortColumn", 0, "ascending");}
I have modified your jsFiddle and updated it here. If you need further assistance with this, please let me know and I will be glad to help.
Hi Michael,
Thank you for the fix. Actually I was already doing this but scroll position reset to top. I am facing below issues on rowupdate:
It seems to be an issue with rowvirtualization.
If I turned it on, above issues come but when it's off its working fine. Here is the updated fiddle.
Thank you.
Hi Shafaq Kazmi,
Thank you for the update.
I am having some trouble reproducing the issues you mentioned using your updated fiddle. I am able to reproduce the issue with the scroll position being reset and need some more time to investigate that.
Could you please provide some specific steps to reproduce the following issues:
Expand/Collapse state do not preserveFiltering does not preserve
Looking forward to hearing from you.
I am glad you were able to find a workaround for the filtering.
For the scrolling issue, you can use the virtualScrollTo method to scroll the grid to a specific location. You can store the user's current scroll position before sorting and set it afterwards. The below code works in the updateRow method of your fiddle.
var scrollPos = $("#igniteGridId_scrollContainer").scrollTop();gridElement.igTreeGridSorting("sortMultiple");gridElement.igTreeGrid("virtualScrollTo", scrollPos.toString());
If you need further assistance with this, please let me know.
Hi Michael H,
Here are steps to reproduce the filter preserve issue:
1: Click om "Add data" button
2: Type "update" in name column filter
3: Click on "update"
Ideally, updated row should be visible now but its saying 0 matching. However I have resolved this issue by custom handling.
var gridElement = $("#igTreeGrid");
var grid = gridElement.data('igTreeGrid');
var expressions = grid.dataSource.settings.filtering.expressions;
if (expressions.length > 0) { gridElement.igTreeGridFiltering("filter", expressions);}
Please let me know if there is any workaround for scroll reset issue because grid is not use-able due to this issue.