Scroll listbox to the bottom?

[Timo]

It there a way to sroll a listbox to the bottom programmatically? I just want to scroll the box to the bottom, without selecting any element on the list.

[Tsvetomir]

Hi Timo,

The Kendo UI ListBox widget is compiled down to simple HTML. Therefore, you could access the height of the list holding the items and programmatically scroll down the parent element of this list. Here is an example:

var height = $(".k-listbox ul.k-list:eq(0)").height();
$(".k-listbox ul.k-list:eq(0)").closest(".k-list-scroller").scrollTop(height);

I hope you find this helpful.

 

Regards,
Tsvetomir
Progress Telerik

[hassan]

 

Hi below snippet from one of my active project and i was struggling to get this done  as well. finally managed to sort it out. below script works perfectly. 

 

var objlistbox = $("#listboxone").data("kendoListBox");

//Scroll to last item in the list

 let uid = objlistbox .dataItems()[12].uid;

 let item = objlistbox .wrapper.find("[data-uid='" + uid+ "']");

 objlistbox .items().each(function (i, element) {
   
     if ($(element).text().toLowerCase().trim() == item.text().toLowerCase().trim()) {
         //console.log('matching found');
         objlistbox .select($(element));
         $(".k-list-content").scrollTop($(element).position().top);
         return;
     };

 

[Nikolay]

Hi Hassan,

Thank you for sharing this with the community. It surely will help others facing the same scenario.

Regards,

Nikolay