發現Ext已經設計好的一種效果:單雙行背景顏色不同。
很簡單,在grid中配置stripeRows爲true即可!
另外,如果想使用自己定義的行的背景顏色,那就去修改ext-all.css吧,提供幾個:
-----------在ext-all.css修改代碼如下---------
.x-grid3-row {}{
border-color:#ffaaee;//改變grid邊框顏色
border-top-color:#fff;
}
.x-grid3-row-alt{}{
background-color:#ddeeaa;//改變 行的顏色
}
.x-grid3-row-over {}{
border-color:#ddd;
background-color:#ee1166;//鼠標移上去改變行的底色
background-image:url(../images/default/grid/row-over.gif);
}