jQWidgets jqxListBox ensureVisible() 方法

jQWidgets是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxListBox 用于说明包含可选元素列表的 jQuery ListBox 小部件。

ensureVisible() 方法用于确保声明的项目是否可见。如有必要，此方法会向项目滚动。此外，代替索引，也可以传递项目的值。它支持一个可选的布尔参数，该参数说明是否将所述项目准备为所述列表中的最高可见项目。它不返回任何东西。

句法：

$("#jqxListBox").jqxListBox('ensureVisible', index);  
$("#jqxListBox").jqxListBox('ensureVisible', "value of the Index");

范围：

• item：数字、字符串或对象类型的指定项目。

链接文件：从链接下载 jQWidgets。在 HTML 文件中，找到下载文件夹中的脚本文件。

示例：下面的示例说明了 jQWidgets 中的 jqxListBox ensureVisible()方法。

HTML

    
        
        
        
        
        
        
        
        
        
        
        
        
        
    
    
        
            
                GeeksforGeeks
            
            
                jQWidgets jqxListBox ensureVisible() Method
            
            
            
            
        
        
            $(document).ready(function () {
                var data = [
                "Computer Science",
                "C Programming",
                "CSS", 
                "Java Programming", 
                "Python Programming",
                "Scala"];
  
                $("#jqxLB").jqxListBox({
                    source: data,
                    width: "200px",
                    height: "100px",
                });
                $("#jqxLB").jqxListBox("disableAt", 3);
                $("#jqxBtn").on("click", function () {
                    $("#jqxLB").jqxListBox("ensureVisible", 5);
                });
            });
        
    

输出：

参考： https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxlistbox/jquery-listbox-api.htm