easyui中formatter:
时间: 2023-09-21 09:08:01 浏览: 191
在EasyUI中,`formatter`是一种格式化函数,常用于对数据进行格式化显示。它可以用于EasyUI组件中的列、文本框、日期框等控件中。具体来说,使用`formatter`可以将原始数据转换为需要显示的格式,例如将数字格式化为带有千位分隔符的字符串、将日期格式化为指定的日期格式等。`formatter`函数接收两个参数:第一个参数是该列的字段值,第二个参数是该行的数据。您可以在`formatter`函数中根据需要对这些值进行处理,并返回处理后的结果。例如,以下是一个将数字格式化为带有千位分隔符的字符串的例子:
```javascript
function formatNumber(value) {
if (value == null) {
return '';
}
return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
}
```
在使用EasyUI组件时,可以将该函数作为该列的`formatter`属性的值,例如:
```javascript
$('#datagrid').datagrid({
columns: [[
{field:'id',title:'ID',width:100},
{field:'name',title:'Name',width:100},
{field:'amount',title:'Amount',width:100,formatter:formatNumber}
]]
});
```
这样,在数据表格中,`amount`列的数据将被格式化为带有千位分隔符的字符串。
阅读全文