layui table根据值（1,2,3）显示中文

最新推荐文章于 2023-02-02 18:10:30 发布

「已注销」

最新推荐文章于 2023-02-02 18:10:30 发布

阅读量1.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_45794678/article/details/103542515

版权

本文介绍了如何在layui表格中将数字值（1,2,3）转换为中文显示。通过修改字段格式和前端代码实现这一需求，详细步骤包括实战操作和完整代码展示。" 109816697,7996249,Android UI线程与耗时操作处理,"['Android开发', 'UI线程', '多线程']

摘要由CSDN通过智能技术生成

效果

实战

1、字段如下

, cols: [[ //表头
        {
   field: 'id', title: 'ID', width: 60, sort: false, fixed: 'left'}
        , {
   field: 'title', title: '标题', width: 180}
        , {
   field: 'authorName', title: '作者', width: 80, sort: false}
        , {
   field: 'category', title: '分类', width: 100, sort: false}
        , {
   field: 'tags', title: '标签', width: 100, sort: false}
        , {
   field: 'viewCount', title: '浏览量', width: 90, sort: true}
        , {
   field: 'commentCount', title: '评论数', width: 90, sort: true}
        , {
   field: 'canComment', title: '评论开关', width: 90, sort: false}
        , {
   field: 'putTop', title: '置顶', width: 80, sort: true}
        , {
   field: 'status', title: '状态', width: 80, sort: true}
        , {
   field: 'createTime', title: '发布时间', width: 170, sort: true}
        , {
   title: '操作', minWidth: 50, templet: '#currentTableBar', fixed: "right", align: "center"}
]]

其中，putTop、canComment、status使用的Integer格式，前端需求是展示中文

2、根据需求更改

, done: function (res, curr, count) {
   
        // 对应putTop字段
        $("[data-field = 'putTop']").children().each(function () {
   
            if ($(this).