jQWidgets jqxNavigationBar collapsingItem事件

以下是关于 jQWidgets jqxNavigationBar 组件中 collapsingItem 事件的详细攻略。

jQWidgets jqxNavigationBar collapsingItem 事件

jQWidgets jqxNavigationBar 的 collapsingItem 事件在导航栏中的项被折叠时触发。

语法

// 监听 collapsingItem 事件
$('#navigationBar').on('collapsingItem', function(event) {
  // 处理事件
});

参数

• event：事件对象，包含有关事件的信息。

示例

以下两个示例演示如何使用 collapsingItem 事件。

示例 1

// 监听 collapsingItem 事件
$('#navigationBar').on('collapsingItem', function(event) {
  var item = event.args.item;
  console.log('项 ' + item.label + ' 被折叠了');
});

在示例 1 中，我们监听 collapsingItem 事件，并在控制台打印出被折叠的标签。

示例 2

// 动态添加项
$('#addItem').on('click', function() {
  var label = $('#labelInput').val();
  var content = $('#contentInput').val();
  $('#navigationBar').jqxNavigationBar('addItem', { label: label, content: content });
});

// 监听 collapsingItem 事件
$('#navigationBar').on('collapsingItem', function(event) {
  var item = event.args.item;
  console.log('项 ' + item.label + ' 被折叠了');
});

在示例 2 中，我们动态添加了一个项，并监听 collapsingItem 事件。我们监听一个按钮 click 事件，当被点击时，获取两个输入框中的值，使用 addItem() 方法将其添加到 jqxNavigationBar 组件上。当折叠导航栏中的项被折叠时，collapsingItem 事件将被触发，并在控制台中打印出被叠的标签。

注意事项

• collapsingItem 事件在导航栏中的项被折叠时触发。
• collapsingItem 事件可以通过 jQuery 对象调用。
• collapsingItem 事件的参数是一个事件对象，包含有关事件的信息。
• 可以在 collapsingItem 事件中使用任何 jQuery 方法和属性来操作 jqxNavigationBar 组件。

总之，collapsingItem 事件在导航栏中的项被折叠时触发。以上是两个示例，演示如何使用 collapsingItem 事件。