第六章 JQuery其他功能第六章 JQuery其他功能\6-5 Format Script的應用

6-5 Format Script的應用

我們來介紹在Grid/FormColumns屬性中重要屬性FormatScript。這個屬性用於用戶可以通過動態的js程式判斷給予欄位顯示格式,這裡我們以超過100,顯示的字體的顔色為例子。

Step1>  wOrdersdgView右鍵點擊Edit Column

Step2>  FreightFormat Script上輸入自定義js方法的名稱。

Step3>  接著,我們就在script中輸入以下js方法

當遇到原來的程式中對這個欄位有特定的格式要求的時候,修改的寫法如下:

function colorValue(val, row) {

   if (val > 100) {

     return "<div style=\"color:Red\">" + getFormatValue(val, "N2") + "</div>";

         }

         else if (val != null) {

             return "<div>" + getFormatValue(val, "N2") + "</div>";

         }

         return val;

    }

Step4>  預覽wOrders可看到運費超過100元時,資料會以紅色字體來顯示。

Top of Page