easyui的formatter属性的用法

最新推荐文章于 2025-06-27 00:21:27 发布

IT飞哥

最新推荐文章于 2025-06-27 00:21:27 发布

阅读量8k

点赞数 2

分类专栏： java 文章标签： easyUI

java 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了如何使用EasyUI的formatter属性来格式化表格中的数据，例如将数字型的启用禁用状态转换为中文形式，提高了数据显示的友好性和可读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

easyui的formatter属性可以帮助我们更加灵活的显示数据库中的数据。

比如，我有一个启用禁用字段，使用数字表示，1表示启用，2表示禁用，展示给客户的时候我当然希望是中文的形式。

只需要写这么一个formatter方法：（isu就是这个字段）

function formatterIsu(value, row, index){
    if(row.isu==1){
        return "启用";
    }else if(row.isu==2){
        return "禁用";
    }
}

然后在标签里的将这个函数赋值给formatter属性：

最后页面上输出的就是中文的启用，禁用了。

很多时候，创建表格头也是通过js来完成，里面也是可以加入formatter函数来格式化字段的：

$(document).ready(function() {$ (‘#dg’).datagrid({
url : “/bboo/resource/gj-resource!queryResource.do”,
columns : [ [ {
field : ‘resourceId’,
title : ‘菜单id’,
width : 50,
sortable : true
}, {
field : ‘description’,
title : ‘描述’,
width : 50,
sortable : true
}, {
field : ‘name’,
title : ‘名称’,
width : 50,
sortable : true
}, {
field : ‘sort’,
title : ‘分类’,
width : 50,
sortable : true
}, {
field : ‘type’,
title : ‘类型’,
width : 50,
sortable : true
}, {
field : ‘value’,
title : ‘url值’,
width : 50,
sortable : true
}, {
field : ‘pid’,
title : ‘父菜单’,
width : 80,
formatter : function(value, row, index) {
if (row.parent) {
return row.parent.resourceId;
} else {
return value;
}
}
} ] ]
});
});

上面的pid字段就是格式化后的数据。