Layui表格如何把状态码0和1转换成中文描述

小敏大大_3564

小敏大大_3564

2026-04-13

227人浏览

原创

Layui表格中status字段需用templet函数前端转换为“启用”“禁用”等中文,不可修改原始数据;导出时需手动映射状态值,注意后端返回类型(number/string/boolean)并做兼容处理。

layui table 中 status 字段显示为“启用”“禁用”

直接在 cols 配置里用 templet 函数处理,别碰后端返回的原始数字。layui 不支持字段级枚举映射,必须前端转。

常见错误是试图在 data 渲染前遍历修改原始数组——这会破坏响应式更新,且分页重载时失效。

  • 用 templet: function(d) { return d.status === 0 ? '禁用' : '启用'; }
  • 如果状态还有其他值(比如 2 表示“审核中”),必须显式判断,else 分支不能只写 '启用',否则 undefined 也会被当启用
  • 注意:d.status 是原始值,类型可能是字符串(后端吐了字符串 "0"),建议统一用 Number(d.status) === 0 或 d.status == 0(宽松比较更稳妥)

templet 里调用外部函数做状态映射

状态逻辑复杂或复用时,别把判断逻辑塞进 templet 匿名函数里。抽成独立函数,可读性和维护性高得多。

典型场景:同一页面多个表格都要渲染状态,或状态文案要走 i18n。

  • 定义映射函数:const statusText = (v) => ({ '0': '禁用', '1': '启用', '2': '审核中' }[v] || '未知');
  • 在列配置中写:templet: d => statusText(d.status)
  • 避免写成 templet: function(d) { return statusText(d.status); }——没差别,但箭头函数更轻量
  • 注意:对象 key 是字符串,所以 d.status 是数字时也要自动转字符串(对象属性访问会隐式转换),但显式写 String(d.status) 更安心

服务端返回 status 是布尔值 true/false 怎么办

Layui 表格不认布尔值,templet 里直接用 d.status 会得到 true/false,不是 0/1。

深蓝色网站后台管理系统layui框架模板-AdminPro
深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

别改后端接口,前端兼容即可。重点是别用 == 1 这类判断,布尔值走不通。

  • 安全写法:templet: d => d.status ? '启用' : '禁用'
  • 如果后端可能返回 null 或 undefined,加兜底:templet: d => d.status === true ? '启用' : d.status === false ? '禁用' : '未知'
  • 不要写 d.status == 1——true == 1 是 true,但 false == 0 也是 true,容易误判

表格导出 Excel 时状态还是 0/1 怎么同步中文

导出功能(table.exportFile())默认导出原始数据,templet 不生效。想导出中文,得干预数据源。

本质是导出前替换字段值,不是渲染问题。

  • 导出前手动映射:table.exportFile('user', table.cache['user'].map(d => ({...d, status: statusText(d.status)})), 'csv');
  • 如果用了分页,table.cache['xxx'] 只有当前页数据;要导出全部,需提前调用 table.reloadData(..., { done: ... }) 拉全量再导出
  • 注意:exportFile 第二个参数是纯数据数组,不走任何模板或格式化,所有转换必须手动做
Layui 的状态渲染看着简单,但真正上线后常卡在导出、搜索重载、多状态分支这几个点上——尤其是后端字段类型飘忽(一会儿 number 一会儿 string 一会儿 boolean),千万别依赖“它应该一样”。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

layui 状态码

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2055

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3042

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1036

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

3459

7

ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

2023.06.14

2700

4

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.31

340

5

ajax传递中文乱码怎么办
ajax传递中文乱码怎么办

ajax传递中文乱码的解决办法:1、设置统一的编码方式;2、服务器端编码;3、客户端解码;4、设置HTTP响应头;5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.11.15

2533

5

ajax网站有哪些
ajax网站有哪些

使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.09.24

1141

6

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
ThinkPHP配置开发与CMS后台实战
ThinkPHP配置开发与CMS后台实战

共87课时 | 12.8万人学习

第二十三期_综合实战
第二十三期_综合实战

共89课时 | 11万人学习

Layui 快速入门精讲
Layui 快速入门精讲

共5课时 | 1.6万人学习