jqgridスペーサ変色
1818 ワード
jgridのデフォルト構成では、行を隔てて下地色を変更するオプションはありません.
ソースコードを見てrowにclassを追加する方法を見てみましょう
addRowDataメソッドが見つかりました
ここでtrにclassのベースカラーを設定するとui-widget-contentというclassにあります
次に最も理想的なのは、行番号奇数を見つけてclass偶数を1つclassに設定することです.
しかし、この関数には行番号が見つかりません.
グローバル変数changeColor=falseを設定します.
changeColorに基づいてtrに不要なclassを設定すると、
1行を設定したらchangeColor=! changeColor; では、次は必ず色が違うことを保証します.
上はlocaldataをロードするためのものです
次はjsondataをロードします
ソースコードを見て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 + '">');
}
。。。。。。。。。。。。。。。。
},