论坛首页 Web前端技术论坛

jqgrid 隔行变底色

浏览 3012 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-10-20  

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; 那么就保证下一次肯定颜色不一样

 

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics