Formatter這個屬性用於用戶可以通過動態的js程式判斷給予欄位顯示格式，這裡我們以超過100，顯示的字體顔色為例子。

 

Step1>         打開"rwdSingle1"表單，找到【DataGrid】元件，【Columns】屬性點進來編輯。選到"營業額"欄位，在【Formatter】屬性中定義一個JS方法名稱"FormatAmount"，並把上例中的Format=N2拿掉。

 

【註】Format和Formatter屬性挑一個設定即可，若兩者皆有設定，以Formatter為主。

 

Step2>         在【Formatter】屬性值裡點兩下，切換到【原始碼】頁，貼上下列代碼：

function FormatAmount(value, row, index)

{

       if (value > 100) {

       return "<div style=\"color:Red\">" + $.getFormatValue(value, row, "C2") + "</div>";

    }    

    else if (value != null) {

             return "<div>" + $.getFormatValue(value, row, "C2") + "</div>";

    }

    return value;

}

 

Step3>         保存後預覽一下：