jqgridスペーサ変色

1818 ワード

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偶数を1つclassに設定することです.
 
しかし、この関数には行番号が見つかりません.
 
グローバル変数changeColor=falseを設定します.
changeColorに基づいてtrに不要なclassを設定すると、
1行を設定したら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 + '">');
                                    }
。。。。。。。。。。。。。。。。
		},