jqgrid 隔行变底色

jgrid默认配置没有 隔行变底色的选项

查看源码  看他怎么给row添加class的 

找到了addRowData 方法

 

 

addRowData : function(rowid,rdata,pos,src) {
                                       。。。。。。。。。。
					row = "<tr id=\""+rowid+"\" role=\"row\" tabindex=\"-1\" class=\"ui-widget-content jqgrow ui-row-"+t.p.direction+" "+cna+"\">" + row+"</tr>";
					。。。。。。。
		return success;
	},

 这里就有一句是给tr设置 class的  底色就在ui-widget-content 这个class里

 

接下来最理想的就是找到行号  奇数设一个class 偶数设一个class

 

但这个函数中找不到行号，  

 

于是设置一个全局变量 changeColor = false;，

在根据changeColor来给tr设置不用的class,

设置完一行就   changeColor=! changeColor; 那么就保证下一次肯定颜色不一样

上面那个是加载localdata 用的 

 

 

下面是加载jsondata的

	addJSONData = function(data,t, rcnt, more, adjust) {
。。。。。。。。
			while (i<len) {
。。。。。。。。
		                    if(i%2==0){
                                        $.push("<tr" + Ga + ' id="' + T + '" tabindex="-1" role="row" class= "ui-widget-content jqgrow ui-row-' + b.p.direction + "" + O + '">');
                                    }else{
                                    	$.push("<tr" + Ga + ' id="' + T + '" tabindex="-1" role="row" class= "ui-widget-content2 jqgrow ui-row-' + b.p.direction + "" + O + '">');
                                    }
。。。。。。。。。。。。。。。。
		},