第七章 JQuery進階設計第七章 JQuery進階設計\7-4 FormatScript應用

7-4 FormatScript應用

 

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

 

Step1>    打開wSingle1表單,找到DataGrid元件,Columns屬性點進來編輯。

       

 

Step2>    選到OrderedAmount累計訂單金額欄位,在Formatter屬性中定義一個JS方法名稱FormatAmount

 

 

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

 

Step3>    Formatter屬性值裡點兩下,切換到原始碼頁,貼上下列代碼:

 

function FormatAmount(value, row, index)

{

    if (value > 100) {

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

    }      

    else if (value != null) {

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

    }

    return value;     

}

 

 

Step4>    保存後預覽一下:

 


 

Top of Page