2013-08-30 12 views
5

Używam wtyczki jquery datatables i uzyskać ustawienia i dane z serverze.Ale chcę dodać więcej niż jeden język w datatables (arabski i angielski), a także dodać tytuł kolumny w obu tych językach.jak zmienić język kolumn w datatables 1.9 jquery plugin?

$(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 
        });} 

}); 
     }}); 

Oto jak mogę uzyskać moje ustawienia i dane.

moje pytanie brzmi: jak zmienić język mojej tabeli danych, szczególnie w nagłówku kolumny?

Odpowiedz

6

Odnośnie do kolumn: Dlaczego dane mają zajmować tabelę pod tytułem <th>? Nie możesz zrobić tego serwera, gdzie domyślam się, że znasz już język użytkownika - i gdzie w takim razie budujesz szkielety <table>?

Odnośnie DataTables wewnętrznych ciągów, jak FirstNextShowing 1 to 10 of 57 entries i tak dalej, wystarczy utworzyć plik z tłumaczeniem arabskiej, jak to

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

nazwać to arabic.txt i dodać go do inicjowania dataTable() powyżej:

..

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

..

Jest [jak można odgadnąć :-)] już dokonał arabskiego tłumaczenia można znaleźć tutaj http://www.datatables.net/plug-ins/i18n

+0

i docenić swoją odpowiedź, ale moje pytanie brzmi: jak zmienić nazwę kolumny związane ze zmianą języka. –

Powiązane problemy