Datatables с Ajax - PullRequest
       2

Datatables с Ajax

0 голосов
/ 07 сентября 2018

Я новичок в dataTabels и пытаюсь получить данные из txt-файла json (test1.txt). Это часть (только 4), но у меня +5000:

[{"0":"22352442","ID":"22352442","1":"22126303","PARENT":"22126303","2":"2813340","TASK_ID":"2813340","3":"2667252","CHILD_ID":"2667252","9":"Shawne Walthall","LEAD":"Shawne Walthall","11":"RP ~217' cable- PL 8 YPSIL","DESCRIPTION":"RP ~217' cable- PL 8 YPSIL","12":"PD-SW-ANN","WORKLOCATION":"PD-SW-ANN","13":"IC","TASKTYPE":"IC","14":"HOLD","STATUS":"HOLD","15":"INFLD","C_STATUS":"INFLD","16":"Scheduled","CLASSIFICATION":"Scheduled","18":"RFW672917A11 INSTALL CABLE - 05-181","TASK_DESCRIPTION":"RFW672917A11 INSTALL CABLE - 05-181","19":"Overload","TYPE_OF_WORK":"Overload","20":"16-NOV-06","TS":"16-NOV-06","21":"24-JAN-11","TC":"24-JAN-11"},{"0":"27364695","ID":"27364695","1":"27364637","PARENT":"27364637","2":"11949147","TASK_ID":"11949147","3":"11949089","CHILD_ID":"11949089","11":"08-036 Design System Cable NF 52R Howard","DESCRIPTION":"08-036 Design System Cable NF 52R Howard","12":"PD-SE-TBY","WORKLOCATION":"PD-SE-TBY","13":"TC","TASKTYPE":"TC","14":"WAPPR","STATUS":"WAPPR","15":"INFLD","C_STATUS":"INFLD","16":"Scheduled","CLASSIFICATION":"Scheduled","18":"TEST CABLE","TASK_DESCRIPTION":"TEST CABLE"},{"0":"28728012","ID":"28728012","1":"28728001","PARENT":"28728001","2":"31575951","TASK_ID":"31575951","3":"31575940","CHILD_ID":"31575940","9":"Clifton Manus","LEAD":"Clifton Manus","11":"08-098, Design\/Construct System Cable","DESCRIPTION":"08-098, Design\/Construct System Cable","12":"PD-SE-TBY","WORKLOCATION":"PD-SE-TBY","13":"IC","TASKTYPE":"IC","14":"APPR","STATUS":"APPR","15":"INFLD","C_STATUS":"INFLD","16":"Scheduled","CLASSIFICATION":"Scheduled","18":"08-097, INSTALL CABLE","TASK_DESCRIPTION":"08-097, INSTALL CABLE","19":"Reliability","TYPE_OF_WORK":"Reliability","20":"12-AUG-08","TS":"12-AUG-08","21":"12-AUG-17","TC":"12-AUG-17"},{"0":"28728014","ID":"28728014","1":"28728001","PARENT":"28728001","2":"31575953","TASK_ID":"31575953","3":"31575940","CHILD_ID":"31575940","11":"08-098, Design\/Construct System Cable","DESCRIPTION":"08-098, Design\/Construct System Cable","12":"PD-SE-TBY","WORKLOCATION":"PD-SE-TBY","13":"TC","TASKTYPE":"TC","14":"WAPPR","STATUS":"WAPPR","15":"INFLD","C_STATUS":"INFLD","16":"Scheduled","CLASSIFICATION":"Scheduled","18":"TEST CABLE","TASK_DESCRIPTION":"TEST CABLE","19":"Reliability","TYPE_OF_WORK":"Reliability","20":"12-AUG-08","TS":"12-AUG-08","21":"12-AUG-08","TC":"12-AUG-08"}]

Есть около 21 столбца. Как я могу назначить это столбцам в моей таблице данных? Это мой скрипт dataTable:

var dataTables = $('#myTable').DataTable({
    ajax: "test1.txt",
    deferRender: true,
    bPaginate: true,
    select: {
        style: 'multi'
    },
    aLengthMenu: [[100, 200, 500, -1], [100, 200, 500, "All"]],
    pageLength: 100});

1 Ответ

0 голосов
/ 07 сентября 2018

Внесите эти изменения в инициализацию данных.

ajax: {
    url: "test1.txt",
    dataSrc: ''
},

Удалить columns: [ ]

Затем вам нужно будет отформатировать текстовый файл json, такой как этот

[
    {
        "0" : "value of 1st column of 1st record",
        "1" : "value of 2nd column of 1st record",
        ...
        ...
        upto 21 column
    },
    {
        "0" : "value of 1st column of 2nd record",
        "1" : "value of 2nd column of 2nd record",
        ...
        ...
        upto 21 column
    }
]

Попробуйте и посмотрите, работает ли он.

Если вы хотите скрыть столбец, добавьте его в таблицу данных

"columnDefs": [
            {
                "targets": [ 0, 1 ],
                "visible": false,
                "searchable": false
            }
        ]

Где 0, 1 представляет индекс столбца. 0 первый столбец, 1 второй столбец Введите этот индекс номер столбца, который вы хотите скрыть.

Новое обновление В случае динамического файла JSON, вам нужно будет использовать первый подход с использованием столбцов Укажите, какие столбцы вы хотите отобразить в ключе столбцов, как показано ниже

$('#myTable').DataTable( {
    "ajax": {
        url: "test1.txt",
        dataSrc: ''
    },
    "columns": [
        { "data": "C1" },
        { "data": "C2" }
    ]
});

и тогда ваш текстовый файл json будет выглядеть как

[{"C1":"22352442","C2":"22126303","KEY":"NO SHOW"}, {"C1":"22352442","C2":"22126303", "KEY":"NO SHOW"}]

Ваш первый JSON теперь будет работать в деле.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...