Как добавить изображение с условием в jquery datatable rowgroup в заголовке группы - PullRequest
0 голосов
/ 14 сентября 2018

Я использую подключаемый модуль jquery datatable с веб-формами asp.net и gridview, я хочу поместить изображение в заголовок группы с базой условий на css. Класс моего кода:

$(document).ready(function () {
var table = $('#grdInspection').DataTable({
    "columnDefs": [
        { "visible": false, "targets": 2 }
    ],

    "order": [[2, 'asc']],
    "displayLength": 3,
    "paging": false,
    "ordering": false,
    "info": false,
    "searching": false,
    "drawCallback": function (settings) {
        var api = this.api();
        var rows = api.rows({ page: 'current' }).nodes();
        var last = null;

        api.column(2, { page: 'current' }).data().each(function (group, i) {
            var element = $("#grdInspection").find('td').hasClass('blink');
            var ratingTdClass;
            var element_blue;
           // alert(element);
            if (last !== group && element == true ) {
                $(rows).eq(i).before(
                    '<tr class="group"><td colspan="5">' + group + '<img src="redCircle.gif" / ></td></tr>'
                                   );
                last = group;
            }
            else if (last !== group && element == false) {
                $(rows).eq(i).before(
                    '<tr class="group"><td colspan="5">' + group + '<img src="greenCircle.gif"style="margin-left:5%;" / ></td></tr>'
                );

                last = group;
            }
            else if (last !== group) {
                $(rows).eq(i).before(
                    '<tr class="group"><td colspan="5">' + group + '</td></tr>'
                );

                last = group;
            }
        });
    }
});

// Order by the grouping
$('#grdInspection tbody').on('click', 'tr.group', function () {
    var currentOrder = table.order()[0];
    if (currentOrder[0] === 2 && currentOrder[1] === 'asc') {
        table.order([2, 'desc']).draw();
    }
    else {
        table.order([2, 'asc']).draw();
    }
});
})

Условие не работает, я хочуфункция, которая читает все классы, и если cssClass "мигает", то изображение redCircle показывается в заголовке группы, если нет cssClass "мигать", то greenCircle, а если есть cssClass "backgroundBlue", то изображение не отображается в заголовке группы

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