jQWidgets jqxNavigationBar expandAt()方法

以下是关于 jQWidgets jqxNavigationBar 组件中 expandAt() 方法的详细攻略。

jQWidgets jqxNavigationBar expandAt() 方法

jQWidgets jqxNavigationBar 的 expandAt() 方法用于展开导航栏中指定位置的项。

语法

// 展开导航栏中指定位置的项
$('#navigationBar').jqxNavigationBar('expandAt', left, top);

参数

• left：要展开的项的左侧位置。
• top：要展开的项的顶部位置。

示例

以下两个示例演示如何使用 expandAt()。

示例 1

// 展开导航栏中左侧位置为 100，顶部位置为 50 的项
$('#navigationBar').jqxNavigationBar('expandAt', 100, 50);

在示例 1 中，我们使用 expandAt() 方法展开了导航栏中左侧位置为 100，顶部位置为 50 的项。

示例 2

// 动态展开项
$('#expandItem').('click', function() {
  var left = $('#leftInput').val();
  var top = $('#topInput').val();
  $('#navigationBar').jqxNavigationBar('expandAt', left, top);
});

在示例 2 中，我们使用 expandAt() 方法动态展开导航栏中的项。我们监听一个按钮 click 事件当被点击时，两个输入框中的值分别作为要展开的项的左侧位置和顶部位置，使用 expandAt() 方法将其展开。

注意事项

• expandAt() 方法用于展开导航栏中指定位置的项。
• expandAt() 方法可以通过 jQuery 对象调用。
• expandAt() 方法的参数是要展开的项的左侧位置和顶部位置。
• 可以在 expandAt() 方法中使用任何 jqxNavigationBar 方法和属性来操作导航栏组件。

总之，expandAt() 方法用于展开导航栏中指定位置的项。以上两个示例演示如何使用 expandAt() 方法。