jquery - CDN数据表切换语言

Question

我正在使用 datatables.net 中的数据表在多语言应用程序中。我知道如何通过简单地传递语言文件或自己自定义字符串来切换表格的语言。

 "language": {
            "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/lang.json"
        }

但是是否可以根据用户浏览器设置更改语言？

Answer 1

不幸的是，langauge packages由语言名称命名，而不是由语言代码命名:

//cdn.datatables.net/plug-ins/1.10.7/i18n/Finnish.json
//cdn.datatables.net/plug-ins/1.10.7/i18n/French.json

等等。因此，您必须构建一个将语言代码翻译为语言名称的映射:

var langMap = {
   'en' : 'English',
   'da' : 'Danish',
   'se' : 'Swedish'
   //etc, the languages you want to support
}

现在您可以将正确的语言包 URL 传递给与当前浏览器语言对应的 dataTables :

function getLanguage() {
    var lang = navigator.language || navigator.userLanguage; 
    return '//cdn.datatables.net/plug-ins/1.10.7/i18n/'+langMap[lang]+'.json'
}

var table = $('#example').DataTable({
    language : {
        url: getLanguage()
    }
});

演示 -> http://jsfiddle.net/3er6f4w6/