jQWidgets jqxDocking hideCollapseButton() 方法

jQWidgets是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxDocking用于表示一个小部件以管理多个窗口以及网页的布局。这里指定的 jqxDocking 中的每个窗口都可以执行多项任务，例如可以在网页周围拖动，停靠到停靠区域，从停靠中移除，折叠到最小化状态以隐藏其内容，也可以展开以显示其内容内容。

hideCollapseButton()方法用于隐藏指定jqxDocking的特定窗口的折叠按钮。

句法：

$('#jqxDocking').jqxDocking('hideCollapseButton', 'windowId');

参数：此方法接受如下所示的参数：

• windowId：这是将要隐藏其折叠按钮的窗口的 ID。

返回值：此方法不返回任何值。

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

示例：下面的示例说明了 jQWidgets jqxDocking hideCollapseButton()方法。在下面的示例中，第二个窗口的折叠按钮被隐藏。

HTML

  

    
    
    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            jQWidgets jqxDocking hideCollapseButton() Method
        
        
            
                
                    First Window
                    
                        Content for the first window
                        
                            GFG
                            CSE
                        
                    
                
                
                    Second Window
                    
                        Content for the second window
                        
                            GeeksforGeeks
                            gfg
                        
                    
                
            
        
        
        
        
            $(document).ready(function () {
                $("#jqx_Docking").jqxDocking({
                    width: 250
                });
                $("#jqxbutton_for_hideCollapseButton").
                    jqxButton({
                        width: 350
                    });
                $('#jqx_Docking').jqxDocking(
                    'showCollapseButton', 'First_Window');
                $('#jqx_Docking').jqxDocking(
                    'showCollapseButton', 'Second_Window');
                $('#jqxbutton_for_hideCollapseButton').on(
                    'click', function () {
                        $('#jqx_Docking').jqxDocking(
                            'hideCollapseButton', 'Second_Window');
                    });
            });
        
    

  

输出：

参考： https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxnavigationbar/jquery-navigationbar-api.htm?search=