V80202 - 工單資料查詢 - 依目前資料 , 設定 Grid 的字體顏色 - 設定 Grid.行字體顏色 - getRowClass - 載入css - head - style

 目的: V80202 - 工單資料查詢 - 依目前資料 , 設定 Grid 的字體顏色

處理說明: 1>設定 Cell 字體顏色, 依目前資料 , 設定 Grid 的字體顏色

{header:"是否曾展BOM",dataIndex:"ISBOMIN",width:100,sortable:false,TMType:"string"},

{header: "停工中", dataIndex: "ISSTOP", width: 60, sortable: false, TMType: "string",

  renderer: function (value) 

                      {

      if (value == "Y") { return "<span  style='color:red'>" + value + "</span>"; }

                            else  {  return value;            }

                      } },

                 2>設定 row 字體顏色 ,  依目前資料 , 設定 Grid 的字體顏色  - getRowClass    Ext.getCmp('grid_Single').getView().getRowClass = function (record, rowIndex, rowParams, store) {   
if (record.data.ISSTOP == "Y") {
      return "my-red-color";
}

1>*.js
{header:"是否曾展BOM",dataIndex:"ISBOMIN",width:100,sortable:false,TMType:"string"},
{
header: "停工中", dataIndex: "ISSTOP", width: 60, sortable: false, TMType: "string",
renderer: function (value) {
if (value == "Y") {
    return "<span style='color:red'>" + value + "</span>";
}
else {
return value;
}}},
{header:"專案委託人",dataIndex:"PJER",width:100,sortable:false,TMType:"string"},

2>*.js

  2.1>>載入 mycss.css

             var Tmp_Str = "<link type='text/css' rel='stylesheet' href='../JsFunction/mycss.css'  >";

             $('head').append(Tmp_Str);

mycss.css 內容

.my-red-color {

    color: red;

}

.my-black-color {

    color: black;

}

 2.2>>設定 Grid.行字體顏色  - getRowClass

    Ext.getCmp('grid_Single').getView().getRowClass = function (record, rowIndex, rowParams, store) {

        if (record.data.ISSTOP == "Y") {

            return "my-red-color";

        }

        else

            return "my-black-color";

    }