After "rowUpdate" sorting doesn't retain

160

Shafaq Kazmi posted over 8 years ago

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?

18204

Offline [Infragistics] Michael H. posted over 8 years ago in reply to Shafaq Kazmi
Hi Shafaq Kazmi,

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.
Cancel
Reply

Cancel
160

Shafaq Kazmi posted over 8 years ago in reply to [Infragistics] Michael H.

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.

Thank you.
Cancel
Reply

Cancel
18204

Offline [Infragistics] Michael H. posted over 8 years ago in reply to Shafaq Kazmi

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 preserve
Filtering does not preserve

Looking forward to hearing from you.
Cancel
Reply

Cancel
160

Shafaq Kazmi posted over 8 years ago in reply to [Infragistics] Michael H.
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:

Sorting doesn't retain

If we re-sort, scroll position reset to rop

Expand/Collapse state do not preserve

Filtering does not preserve

It seems to be an issue with rowvirtualization.

rowVirtualization: true

virtualizationMode: "continuous"

If I turned it on, above issues come but when it's off its working fine. Here is the updated fiddle.

Thank you.
CodeBase.zip
Cancel
Reply

Cancel
18204

Offline [Infragistics] Michael H. posted over 8 years ago
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.
Cancel
Reply

Cancel