V60202Q : 設定 Grid.row.字體顏色 – getRowClass - 載入mycss.css

目的: V60202Q : 設定 Grid.row.字體顏色 – getRowClass  - 載入mycss.css

處理說明: 1>載入 mycss.css                 

                       var Tmp_Str = "<link type='text/css' rel='stylesheet' href='../JsFunction/mycss.css'  >";
                       $('head').append(Tmp_Str);

                  2>設定  Grid.Row 字體顏色  

    Ext.getCmp('grid_M').getView().getRowClass = function (record, rowIndex, rowParams, store) {
        if (record.data.STAT == "B") {
            return "my-blue-color";            
        }

                 3>mycss.css  - class 內容

                     .my-blue-color {

                       color: blue;

                      }

   

 

1>*.js
    //先載入 mycss.css     
    var Tmp_Str = "<link type='text/css' rel='stylesheet' href='../JsFunction/mycss.css'  >";
    $('head').append(Tmp_Str);

    //設定Grid.欄位值.字體顏色

    //1>若狀態為延測中(AMM_COMP.STAT='B')，則整筆資料字型色彩=[藍色]    

    //getRowClass : 傳回 class 名稱, 非 style
    Ext.getCmp('grid_M').getView().getRowClass = function (record, rowIndex, rowParams, store) {
        if (record.data.STAT == "B") {
            return "my-blue-color";            
        }
        //日期加7,
        var Tmp_LIM_DT = DATE_ADD(cnow(), "C", 7);
        var Tmp_LIM_DT_STR = Ext.Date.format(new Date(Tmp_LIM_DT), 'Ymd');
        if (      (record.data.TERM == "Y")
            && (record.data.STAT == "A")
            && (record.data.VFDAT <= Tmp_LIM_DT_STR)   ) {          
            return "my-red-color";
        }
    };  // end of function