在easyui中DataGrid 裏的列數據進行格式化

DataGrid 裏的列數據進行格式化，需要設置 formatter 屬性，它是一個函數。這個格式化函數包含三個參數：

• value：當前列對應字段值。
• row：當前的行記錄數據。
• index：當前的行下標。

創建數據網格（DataGrid）

<table id="device_grid" class="easyui-datagrid" data-options="singleSelect:true,border:false,fit:true,fitColumns:true">
       <thead>
               <tr>
			<th data-options="field:'deviceName',align:'center'">設備名稱</th>
			<th data-options="field:'id'" hidden='true'>設備ID</th>
			<th data-options="field:'devdata0',align:'center'" , formatter='sfT'>送風溫度</th>
			<th data-options="field:'devdata1',align:'center'" , formatter='sfT'>迴風溫度</th>
			<th data-options="field:'devdata2',align:'center'">室外溫度</th>
			<th data-options="field:'devdata3',align:'center'">室外溼度</th>
			<th data-options="field:'devdata4',align:'center'">室內1溫度</th>
			<th data-options="field:'devdata5',align:'center'">室內1溼度</th>
			<th data-options="field:'devdata6',align:'center'">室內2溫度</th>
			<th data-options="field:'devdata7',align:'center'">室內2溼度</th>
			<th data-options="field:'deviceTime',align:'center'">更新時間</th>
		</tr>
        </thead>
</table>

’devdata0'和'devdata1' 字段有一個 'formatter' 屬性，用來指明格式化函數。

格式化函數：判斷值大於20時，字體樣式顏色變紅並加粗

function sfT(val,row,index){
	if (val > 20){
		return '<span style="color:red; font-weight:bold;">'+val+'</span>';
	} else {
		return val;
	}
}

效果圖：