{hero}

language.lengthMenu

自:DataTables 1.10

分页长度选项字符串。

说明

详细说明更改分页长度选项的下拉菜单时所执行的操作。Token _MENU_ 是用 10、25、50 和 100 的默认选择列表替换(或由 lengthMenu 指定的任何其他值),可以在需要时替换为自定义选择列表。此选项是针对 pageLength.text 的每张表设置,可用于覆盖此选项(例如,如果表有两个或多个分页长度控件)。

从 DataTables 2 开始,生成的 DOM 结构可能会根据 _MENU_ Token 在字符串中的位置而发生改变。如果 Token 在字符串的开头或结束处,则生成的 DOM 将在 label 之外的 select。这是出于可访问性的考虑,以允许在 selectlabel 之间建立一个显式链接(有关更多详细信息,请参见 此文章)。

如果 Token 在字符串的中间,则生成的 DOM 结构将在 label 中嵌套 select,创建一个隐式链接(虽然 forid 属性仍然设置)。一些屏幕阅读器很难处理此表单,因此不推荐这样做。

此 DOM 结构区别仅当您对页面应用自定义样式时才具有意义。您可能需要根据使用的字符串来更改您的 CSS。

此外,此属性还可以通过使用 language.entries 来轻松更新字符串,以与表中显示的特定数据类型相关。其复数将自动根据从选项列表中选择的数字进行解析。_ENTRIES_ 替换 Token 应该用在您想要解析的 language.entries 值出现的地方。

类型

此选项可以提供以下类型

默认

  • 值:_MENU_ _ENTRIES_ 个每页

示例

仅语言更改

new DataTable('#myTable', {
	language: {
		lengthMenu: 'Display _MENU_ records'
	}
});

用条目更改语言

new DataTable('#myTable', {
	language: {
		lengthMenu: 'Display _MENU_ _ENTRIES_',
		entries: {
			_: 'people',
			1: 'person'
		}
	}
});

语言和选项更改(虽然最好使用 lengthMenu!)

new DataTable('#myTable', {
	language: {
		lengthMenu:
			'Display <select>' +
			'<option value="10">10</option>' +
			'<option value="20">20</option>' +
			'<option value="30">30</option>' +
			'<option value="40">40</option>' +
			'<option value="50">50</option>' +
			'<option value="-1">All</option>' +
			'</select> records'
	}
});

有关

以下选项直接相关,在您的应用程序开发中也可能有用。