jQWidgets jqxListMenu backLabel 属性

在 jQWidgets jqxListMenu 中，backLabel 属性用于设置返回标签的文本。当列表菜单包含多个子菜单时，这个属性可以提供简单的返回导航。用户可以使用返回标签来返回到父菜单。

语法

$("#jqxListMenu").jqxListMenu({backLabel: '返回'});

参数

backLabel：字符串类型，用于设置返回标签的文本。默认为“Back”。

示例

$("#jqxListMenu").jqxListMenu({
   width: 300,
   height: 300,
   showHeader: true,
   showBackButton: true,
   backLabel: "返回",
   source: [{
      label: "Home",
      icon: "icon-home",
      items: [{
         label: "Profile",
         icon: "icon-user",
         selected: true,
         items: [{
            label: "Messages",
            icon: "icon-comments"
         }, {
            label: "Settings",
            icon: "icon-cog"
         }]
      }, {
         label: "Logout",
         icon: "icon-logout"
      }]
   }]
});

在上面的代码中，我们创建了一个 jQWidgets jqxListMenu 列表菜单，并设置了 backLabel 属性为 “返回”。列表菜单包含一个“Home”菜单，其中包含“Profile”和“Logout”子菜单。当用户选择“Profile”菜单时，会显示子菜单“Messages”和“Settings”。用户可以使用返回标签返回到“Home”菜单。

注意事项

1. backLabel 属性只在 showBackButton 属性设置为 true 时才有效。
2. 在 jQWidgets jqxListMenu 中，可以使用 selected 属性来设置默认选中的列表项。
3. 可以通过 CSS 样式表来定制列表菜单的外观和样式。