您的位置:首页 > 产品设计 > UI/UE

Layui表格的布尔值处理

2019-06-09 14:53 2747 查看

如果你还不知道该怎么转化layui表格渲染出来的数据,那么我的这篇文章可以帮到你。我就举一个转化布尔值的例子,它的转化是不分类型的,它只是改变数据的文本值不改变数据的类型,所以它是通用的。我就举一个转化布尔值的例子,下面是渲染的表格头部数据。下面停嘱的数据类型是bool布尔值。我需要把它的文本true和false转化为是和否。下面是渲染的代码。
, cols: [[ //表头
{ type: ‘numbers’, title: ‘序号’,},//序号列,title设定标题名称
{ field: ‘PatietDataID’, title: ‘PatientDataID’, hide: true },//hide:true 隐藏列n
{ field: ‘Name’, title: ‘病人’, align: ‘center’, width: 84},
{ field: ‘WhetherTheInvalid’, title: ‘停嘱’, align: ‘center’, width: 64 },
{ field: ‘WhetherTheDispensing’, title: ‘发药’, align: ‘center’, width: 64 },
{ field: ‘WhetherOrNotRetired’, title: ‘退药’, align: ‘center’, width: 64 },
{ field: ‘Arrearage’, title: ‘欠费’, align: ‘center’, width: 64 },
]],
直接渲染后的样子。要的是图中的true和false转化为文字是否。如果你想在控制器转化应该是很难的吧,控制器转化我不知道方法,那个大神知道可以分享一下。接着我介绍的方法实用简单。

这个回调的具体参数如下,实际上只要用上一个res就差不多够用了,里面包含了回调的所有数据内容。

  1. done: function(res, curr, count){
  2. //如果是异步请求数据方式,res即为你接口返回的信息。
  3. //如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度
  4. console.log(res);
  5. //得到当前页码
  6. console.log(curr);
  7. //得到数据总量
  8. console.log(count);
  9. }
    看不懂?不会用?没关系,下面有例子。把下面代码放在表头的后面再根据实际修改一下下面的代码就可以出现效果哦
    done: function (res) {
    KaTeX parse error: Expected '}', got 'EOF' at end of input: …n () { if ((this).text() == ‘true’) {
    KaTeX parse error: Expected 'EOF', got '}' at position 22: ….text("是") }̲ else if ((this).text() == ‘false’) {
    $(this).text(“否”)
    }
    });
    }
    代码的意思大概就是对前面选择的字段的每一个子元素都进行文本的修改。下面的图片就是做好的效果。好了这次介绍的layui表格的布尔值处理就到这里结束了。说了这么多就是希望能帮到你。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: