在ext修改行顏色的過程中，發現奇數行的換顏色了，偶數行沒換顏色，後來查文件，發下：

隔行換色 True實現隔行換顏色的效果。（預設為true）

通過把樣式x-grid-row-alt交替新增到grid行，實現隔行換色效果。 預設的CSS規則是設定背景顏色，但是你可以改變這個規則， 覆蓋background-color樣式使用!important調節器， 或使用CSS選擇較高的特異性。

原來定義的class樣式，沒加!important這個修飾，加上就好了

如下：

<style type="text/css">
    .x-grid-record-yellow td {
        background-color:  rgb(255,255,118) !important;
    }
    .x-grid-record-purple td {
        background-color:  red !important;
    }
    .x-grid-record-orange td {
        background-color:  rgb(255,187,0) !important;
    }
</style>

Ext.define('bjgl.AlarmGrid', {
    extend: 'Ext.grid.Panel',
    required: ['bjgl.AlarmModel'],
    title: '資訊列表',
    //structId: 0,
    contextPath: '',
    getApplySetInfoParams: {},
    storeAutoLoad: false,
    hideActionColumn: false,
    storeUrl: '/test.action',
    viewConfig: {
        getRowClass: function(record, rowIndex, rowParams, stroe) {
            var val = record.get('confAlarmFlag');
            if (val == '1') {
                return 'x-grid-record-yellow';
            }
            else if (val == '2') {
                return 'x-grid-record-orange';
            }
            else if (val == '3') {
                return 'x-grid-record-purple';
            }
            return '';
        }

    },