Hi,
I have a question with scrolling to location within a list.
How do I scroll to a group header so that the group header is now directly at the top of the list?
Not scrolling to the first item within a group.
Cheers
Dan
Scrolling to group headers group list
created 9 years ago
(modified 9 years ago)
Answers approved by DevExpress Support
created 9 years ago
(modified 9 years ago)
Hi Dan,
In addition to your solution, you can obtain the required group DOM node and pass it to the scrollToItem method.
JavaScriptlistWidget.scrollToItem(listWidget.element().find('.dx-list-group')[1]);
Other Answers
created 9 years ago
(modified 9 years ago)
Hi,
I have got it scrolling to the group header in the list
I applied an id to the group headers and then scrolled to that id
JavaScriptjumpToClick: function (data) {
$('#timelineList').dxList('instance').expandGroup(data.itemData.id)
setTimeout(function () {
$('#timelineList').dxList('instance').updateDimensions()
$('#timelineList').dxList('instance').scrollTo($('#timelineList .dx-scrollable-content').height());
$('#timelineList').dxList('instance').scrollToItem($('#' + data.itemData.name))
}, 200)
},
To get it to work properly I have to scroll to the bottom then up to the id, if expanding the group i had to wait until the group had fully expanded, so wrapped it in a timeout.
Comments
(2)
Hi Dan,
To process your input in the most efficient way, I've extracted your second question in a separate ticket. See dxList does not always select the first group element if this group is expanded.