Я использую подключаемый модуль 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", то изображение не отображается в заголовке группы