Замените текст HTML-кодом в datatable после загрузки данных - PullRequest
0 голосов
/ 30 апреля 2019

Как объяснено в заголовке, у меня есть функция, которая загружает данные с данными.Столбец заполняется значениями true / false / empty, которые я хотел бы заменить HTML-кодом в зависимости от логического результата.

Таблица загружается с массивом объектов следующим образом:

            for (var i = 0; i < data.stazioni.length; i++) {
                stations.push(new Object());
                stations[i].stationName = data.stazioni[i].nome;
                if (data.stazioni[i].zone.length > 0)
                    stations[i].z1 = data.stazioni[i].zone[0].enabled;
                else
                    stations[i].z1 = "";
                if (data.stazioni[i].zone.length > 1)
                    stations[i].z2 = data.stazioni[i].zone[1].enabled;
                else
                    stations[i].z2 = "";
                if (data.stazioni[i].zone.length > 2)
                    stations[i].z3 = data.stazioni[i].zone[2].enabled;
                else
                    stations[i].z3 = "";
                zone.push(data.stazioni[i].zone);
            }
            stationTable.clear().rows.add(stations).draw();

Есть ли способ сделать это?

1 Ответ

0 голосов
/ 02 мая 2019

Следуя идее, выданной @ user11299053, я использовал columns.render.

Во время объявления таблицы для указанного столбца я указывал, что делать с данными внутри ячейки, и отображался как HTML.

"columns": [
            {
                'data': 'zone1', 'sClass': 'zone1', "render": function (data, type, full, meta) {
                    var zone_html = "";
                    if (data) {
                        var temp = data.split(';');
                        temp[2] = temp[2] === "-1" ? "" : temp[2];
                        zone_html = '<img src="../images/enabled_' + temp[0] + '.png"> <img src="../images/program_' + temp[1] + '.png"> ' + temp[2];
                    }
                    return zone_html;
                }
            },

Это сработало довольно хорошо. Спасибо за вашу помощь.

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