這一章的最後一節,我們來介紹在Grid/Form的Columns屬性中的最後一個重要的屬性FormatScript。這個屬性用於用戶可以通過動態的js程式判斷給予欄位顯示格式,這裡我們以超過100,顯示的字體的顔色為例子。
Step1>
首先,在Freight的欄位上的FormatSript上輸入自定義js方法的名稱。
接著,在source上輸入js的方法如下:
function colorValue(val, row) {
if (val
> 100) {
return "<div
style=\"color:Red\">" + val + "</div>";
}
return val;
}
當遇到原來的程式中對這個欄位有特定的格式要求的時候,修改的寫法如下:
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;
}
這樣,在超過100元運費時,資料會以紅色字體來顯示。
Related Topics