easyui datagrid中 formatter的用法


 1.基本用法
單元格formatter(格式化器)函數,帶3個參數:
value:字段值。
row:行記錄數據。
index: 行索引。

$('#dg').datagrid({ columns:[[ {field:'userId',title:'User', width:80, formatter: function(value,row,index){ if (row.user){ return row.user.name; } else { return value; } } } ]] });

(formatter這個屬性屬於列參數,意思就是對當前列的數據進行格式化操作,它是一個函數,有三個參數value,row和index。value: 代表當前單元格中的值。row:代表當前行。index: 代表當前行的下標。)

(1)value:可以在formatter函數中修改value的值,並在界面上展示修改后的值。 **注意:** 在這里對value的修改並不會改動后台數據,這個改動僅相當於對value的渲染。

(2)row:可以通過 row["field值"] 或者 row.field值 得到同一行其他列的值。可以是前面的列,也可以是后面的列。

(3)index:行索引。(項目中沒用到過)

例:

當后台返回 ture 或者 false 時,下面的效果一樣:

{field:'usedFlag', title:'可用標識',width:80,align:'center',formatter: function(value,row,index){
if (row.usedFlag == '1'){
return "可用";
} else if (row.usedFlag == '0') {
return "不可用";
} else {
return "未知狀態[" + value + "]";
}
}},



{field:'usedFlag', title:'可用標識',width:80,align:'center',formatter: function(value,row,index){
if (value == '1'){
return "可用";
} else if (value == '0') {
return "不可用";
} else {
return "未知狀態[" + value + "]";
}
}},

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM