21.04.2016 - ЖЗГ

Jqgrid окрашивание фона ячеек

21.04.2016 Павел Грибов WEB

Задача: при определенном условии, необходимо окрасить строку

Подводные камни:

событие afterInsertRow, в последних версиях jqgrid не работает
Навешивание события по окраске на чтото типа : {name:’price’, index:’price’, width:60, align:»center», editable: true, formatter:currencyFmatter}, результата не дает, т.к. в этот момент DOM еще не сформирован.

Решение:

По завершении отрисовки, проходимся по нужным ячейкам, и окрашиваем строку случае соответствия:

	        gridComplete:function(){
		console.log("--вставил!");
		    var mya=new Array();
		    mya=$("#list2").getDataIDs(); 
		    var data=$("#list2").getRowData(mya[0]);  
		    var colNames=new Array(); 
		    var ii=0;
		    for (var i in data){colNames[ii++]=i;}		
		    for(i=0;i<mya.length;i++){
			   data=$("#list2").getRowData(mya[i]); 			
			    console.log(data[colNames[3]]);			
			    if (data[colNames[3]]=="Access-Reject"){
				$('#'+mya[i]).css({'background-color':'#FF7700'});
			        console.log(mya[i]);
			  } else {
			      $('#'+mya[i]).css({'background-color':'#229922'});
			
			    }
			}

gridComplete:function(){

console.log("--вставил!");

var mya=new Array();

mya=$("#list2").getDataIDs();

var data=$("#list2").getRowData(mya[0]);

var colNames=new Array();

var ii=0;

for (var i in data){colNames[ii++]=i;}

for(i=0;i<mya.length;i++){

data=$("#list2").getRowData(mya[i]);

console.log(data[colNames[3]]);

if (data[colNames[3]]=="Access-Reject"){

$('#'+mya[i]).css({'background-color':'#FF7700'});

console.log(mya[i]);

} else {

$('#'+mya[i]).css({'background-color':'#229922'});

}

Оставить комментарий jqgrid, окрашивание строки, окрашивание ячейки, смена цвета фона

Пн	Вт	Ср	Чт	Пт	Сб	Вс
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30