html data i18n属性,i18n() 国际化标记查询 文档(Options & API) DataTables中文网

描述(Description)

该方法设计是为了提供给插件和扩展的开发人员,最终向用户显示语言字符串。它提供了将

languageOption

配置对象

用作语言字符串的单个配置点,然后从该对象中查找值的功能。对于开发人员未提供自己的字符串的情况,应该提供默认值。

该方法还提供了在考虑国际化时必须考虑的单数,复数,双重等形式的基本支持。这是通过提供一个包含要使用的表单的键的对象以及默认值来完成的。

考虑如下对象:

1

2

3

4

5{

_: "%d rows selected",

0: "Click a row to select",

1: "1 row selected"

}

当数值0传入(第三个参数)的情况下,将使用 “Click a row to select” 字符串。数值为1时,使用”1 row selected”。对于其他所有值,默认

_参数的值将与%d替换为数字值一起使用。对于使用双重形式的语言,添加2参数等。

应该指出,国际化(简称i18n)/本地化(简称为l10n)很难。

该方法为DataTables及其组件中的基本国际化提供了良好的支持,但不完全支持。在此时,完全支持已经超出了DataTables库的范围。

类型(Type)

这个选项能够接受以下类型的参数:

function i18n( token, def [, numeric ] )

描述(Description):

查找在DataTables的

languageOption

初始化对象中定义的语言标记。

参数(Parameters):

名称(Name)

类型(Type)

是否可选(Optional)

从语言对象中查找语言标记。应该使用Javascript对象的方式(其实是字符串,比如: 'select.rows' )给出该标记,DataTables

将会使用该符号来查找对应的值。该值遵循与

columns.dataOption

作为字符串相同的规则。

如果DataTables初始化没有指定值,则使用的默认值。这可以是简单的字符串,也可以是对象。

在是对象的情况下,_ 参数 必须 定义 - 这个是默认的。对于你希望有特殊数字的字符串(英文单数形式或阿拉伯语双重形式)

该数字应定义为参数名称。如果没有找到定义,则使用默认的。

字符 %d 将被字符串替换为传递给该函数的 numeric 参数给出的值。

3

numeric

Yes - default:undefined

如果处理数字输出,则应在此参数中给出要显示的数字。如果不需要数字运算符(例如按钮标签文本),则不需要此参数。

返回(Returns):

返回国际化字符串

例子(Example)

简单的字符串标记查找,不使用定义的字符串,使用默认的(结果将弹出提示框显示 “Copy to clipboard”)

1

2

3

4

5var table = $('#myTable').DataTable();

alert(

table.i18n( 'buttons.copy', 'Copy to clipboard' )

);

跟上面例子一样,只是开发人员定义了值(结果将弹出提示框显示 “Click to copy”)

1

2

3

4

5

6

7

8

9

10

11var table = $('#myTable').DataTable( {

language: {

buttons: {

copy: "Click to copy"

}

}

} );

alert(

table.i18n( 'buttons.copy', 'Copy to clipboard' )

);

对象形式,开发人员不定义

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25var table = $('#myTable').DataTable();

// 将显示 "0 rows selected"

alert(

table.i18n( 'select.rows', {

_: '%d rows selected',

1: '1 row selected'

}, 0 )

);

// 将显示 "1 row selected"

alert(

table.i18n( 'select.rows', {

_: '%d rows selected',

1: '1 row selected'

}, 1 )

);

// 将显示 "4 rows selected"

alert(

table.i18n( 'select.rows', {

_: '%d rows selected',

1: '1 row selected'

}, 4 )

);

和上面例子一样,对象形式,加入开发人员定义

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35var table = $('#myTable').DataTable( {

language: {

select: {

rows: {

_: '%d rows selected',

0: 'Click a row to select',

1: 'Just one row selected'

}

}

}

} );

// 将显示 "Click a row to select"

alert(

table.i18n( 'select.rows', {

_: '%d rows selected',

1: '1 row selected'

}, 0 )

);

// 将显示 "Just one row selected"

alert(

table.i18n( 'select.rows', {

_: '%d rows selected',

1: '1 row selected'

}, 1 )

);

// 将显示 "4 rows selected"

alert(

table.i18n( 'select.rows', {

_: '%d rows selected',

1: '1 row selected'

}, 4 )

);

相关属性(Related)

下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。

Options

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要将DataTables汉化,可以按照以下步骤进行: 1. 下载中文语言包:从DataTables站下载中文语言包(https://cdn.datatables.net/plug-ins/1.10.22/i18n/Chinese.json)并将其添加到项目中。 2. 在DataTable的初始化中设置语言选项:将语言选项设置为中文语言包('language': {'url': 'Chinese.json'})。 3. 参照DataTables文档修改语言选项:根据需要修改语言选项中的各项设置,如搜索、分页、信息提示等。 示例代码: ``` $('#myTable').DataTable({ 'language': {'url': 'Chinese.json'}, 'paging': true, 'searching': true, 'lengthChange':false, 'ordering': true, 'info': true, 'autoWidth': true, 'responsive': true }); ``` 注意:使用DataTables汉化时,需要确保所有相关的文件和资源均被正确加载,并且按照DataTables文档进行设置,以确保DataTable能够正确显示中文。 ### 回答2: 要将DataTables汉化,可以通过调用DataTables提供的API来实现。 首先,将DataTables所需的语言文件引入到HTML页面中。DataTables提供了多种语言的翻译文件,可以选择合适的语言文件下载并引入到页面中。 然后,在初始化DataTables时,通过设置语言选项来指定使用的语言。使用"language"选项,将语言设置为"中文",或者使用语言文件中对应的语言代码。 例如: ``` $(document).ready(function() { $('#example').DataTable( { "language": { "url": "//cdn.datatables.net/plug-ins/1.10.25/i18n/Chinese.json" // 或者使用其他语言文件对应的URL } } ); } ); ``` 这样配置后,DataTables就会自动加载相应的中文语言文件,并将表格的各个组件(如搜索框、分页等)显示为中文。 除此之外,DataTables还提供了其他一些选项,可以自定义汉化的显示内容,比如可以通过在语言文件中修改对应的翻译文本来适应特定需求。 总的来说,通过引入语言文件并设置相应的语言选项,就可以将DataTables汉化为中文

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值