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 + '">');
}
。。。。。。。。。。。。。。。。
},