jQWidgets jqxDocking hideCloseButton() 方法

简介

hideCloseButton() 方法是 jQWidgets jqxDocking 控件的一个方法，用于隐藏 jqxDocking 内部某个面板上的关闭按钮。

语法

$("#jqxDocking").jqxDocking('hideCloseButton', panelIndex);

• jqxDocking 表示 jQWidgets jqxDocking 控件的实例对象，可以是选择器、JQuery 对象或 HTML 元素。
• hideCloseButton 表示方法名称，固定写法。
• panelIndex 是整数值，表示要隐藏关闭按钮的面板索引。

返回值

该方法没有返回值。

示例

HTML

<div id="jqxDocking">
  <div>
    <div>面板1</div>
  </div>
  <div>
    <div>面板2</div>
  </div>
  <div>
    <div>面板3</div>
  </div>
</div>

JavaScript

$('#jqxDocking').jqxDocking({
  width: 600,
  height: 400,
  panels: [
    { type: 'documentGroup', orientation: 'horizontal', height: 200, items: [{ type: 'panel', title: '面板1' }, { type: 'panel', title: '面板2' }] },
    { type: 'panel', title: '面板3' }
  ]
});

// 隐藏面板3的关闭按钮
$('#jqxDocking').jqxDocking('hideCloseButton', 1);

注意事项

• panelIndex 参数从 0 开始计数，表示第一个面板的索引为 0。
• 如果要显示已经隐藏了关闭按钮的面板，可以使用 jqxDocking 控件的 showCloseButton() 方法。
• 隐藏某个面板的关闭按钮并不影响其他面板的关闭功能，它们依然可以通过鼠标单击标题栏右侧的 X 按钮关闭。