2013-08-30 68 views
5

我正在使用datatables jquery插件并从serverside.et获取设置和数据。但我想在数据表(阿拉伯语和英语)中添加更多的一种语言,并在这两种语言中添加列标题。如何更改数据表中的列语言1.9 jquery插件?

$(document).ready(function() { 
var columns; 
$.ajax({ 
     type: "POST", 
     url: "./viewController", 
     data:{ "TableName" : "ViewGridDept", 
     "Call" : "gridConfiguration"}, 
     dataType:"json", 
     success: function(coldata){ 
     //columns=data.aoColumns; 
     //var coldata = eval('('+data+')'); 
     alert(coldata.aoColumnsRef); 
     employeeTable = $("#EmployeeTable").dataTable({ 
     "bJQueryUI" : true, 
     "sPaginationType" : "full_numbers", 
     "bFilter": true, 
     "bInfo": true, 
     "bServerSide": true, 
     "sAjaxSource" : "./viewController", 
     //"aoColumns":coldata.aoColumns , 
     "aoColumnDefs":coldata.aoColumnsRef, 
     //"aoColumnDefs":[{"sTitle":"Department Name","mDataProp":"deptName","aTargets":"[1]"},{"sTitle":"Department ID","mDataProp":"deptId","aTargets":"[0]"}], 
     "fnServerData": function (sSource, aoData, fnCallback) { 
      aoData.push({ "name" : "TableName", "value" : "ViewGridDept" }, 
      { "name" : "Call", "value" : "Data" }); 
      $.ajax({ 
        "dataType": 'json', 
        "type": "POST", 
        "url": sSource, 
        "data": aoData, 
        "success": fnCallback 
        });} 

}); 
     }}); 

这是我如何得到我的设置和数据。

我的问题是如何更改我的数据表的语言,特别是列标题?

回答

6

关于列:为什么你想要DataTables照顾表<th>字幕clientside?难道你不能做那个服务器端,我猜你已经知道用户的语言了 - 你还在哪里构建<table> -skeleton?

关于数据表内的字符串,如FirstNextShowing 1 to 10 of 57 entries等,只需创建一个阿拉伯语翻译文件,这样

{ 
    "sProcessing": "جاري التحميل...", 
    "sLengthMenu": "أظهر مُدخلات _MENU_", 
    "sZeroRecords": "لم يُعثر على أية سجلات", 
    "sInfo":   "إظهار _START_ إلى _END_ من أصل _TOTAL_ مُدخل", 
    "sInfoEmpty": "يعرض 0 إلى 0 من أصل 0 سجلّ", 
    "sInfoFiltered": "(منتقاة من مجموع _MAX_ مُدخل)", 
    "sInfoPostFix": "", 
    "sSearch":  "ابحث:", 
    "sUrl":   "", 
    "oPaginate": { 
     "sFirst": "الأول", 
     "sPrevious": "السابق", 
     "sNext":  "التالي", 
     "sLast":  "الأخير" 
    } 
} 

调用它arabic.txt并添加到您的dataTable()初始化上面:

..

oLanguage: { "sUrl": "path-to-your-translation-file/arabic.txt" }, 

..

有[如你所猜测:-)]已经做出了阿拉伯语翻译,你可以在这里找到http://www.datatables.net/plug-ins/i18n

+0

我很欣赏你的答案,但我的问题是如何改变有关语言的变化列名。 –