当前位置: 首页 > 编程笔记 >

layui-table对返回的数据进行转变显示的实例

艾学海
2023-03-14
本文向大家介绍layui-table对返回的数据进行转变显示的实例,包括了layui-table对返回的数据进行转变显示的实例的使用技巧和注意事项,需要的朋友参考一下

在使用layui表格时,在ajax请求回来的数据,有时候需要我们处理之后显示

1.比如性别sex这个字段,后台可能返回的是1.或者 2;那我们总不能显示1.和 2,我们需要显示男和女,这里就用到了自定义模板了

 <script type="text/html" id="barDemo">
    {{#if (d.sex == 1) { }}
     <span>男</span>
    {{# }else if(d.sex == 2){ }}
    <span>女</span>
    {{# } }}
  </script>

2.比如后台返回了一个时间段是2018-08-24 15:15:55 ,但是我们只需要显示年月日,这里我们就需要截取字符串

 <script type="text/html" id="cTime">
  {{# 
   var fn = function(data){
   return data.substring(0,10);
   }; 
   }}
  {{ fn(d.cTime) }}
</script>

上面的id名就对应你们表格里的字段,添加的自定工具条,如下图

3.在一个,表格中有很多按钮(修改,删除,等等),再做不同权限登录时,对应的角色要显示对应的按钮

从后台获取按钮权限

var PAGE_BUTTON_AUTH = {
  "add": false,
  "edit": false,
  "delete": false
};
$(function () {
  //按钮权限验证
  var url = window.location.href.replace("//", "");
  var relUrl = url.substring(url.lastIndexOf("/") + 1);
  //去掉参数部分
  if (relUrl.indexOf("?") !== -1) {
    relUrl = relUrl.split("?")[0];
  }
  $.getJSON(weburl + "/menu/buttons",
    { "platform": platform, "url": relUrl },
    function (data) {
      if (data.status === 1) {
        PAGE_BUTTON_AUTH = data.data;
    }
<script type="text/html" id="barDemo">
    {{#if (PAGE_BUTTON_AUTH.edit) { }}
    <a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
    {{# }else{ }}
    <span>- </span>
    {{# } }}
    {{#if (PAGE_BUTTON_AUTH.delete) { }}
    <a class="layui-btn layui-btn-xs" lay-event="delete">删除</a>
    {{# }else{ }}
    <span>- </span>
    {{# } }}
  </script>

以上这篇layui-table对返回的数据进行转变显示的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍layui 对table中的数据进行转义的实例,包括了layui 对table中的数据进行转义的实例的使用技巧和注意事项,需要的朋友参考一下 方法一 通过done回调进行遍历: 方法二 通过layui的templet模板实现: 以上这篇layui 对table中的数据进行转义的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍layui table数据修改的回显方法,包括了layui table数据修改的回显方法的使用技巧和注意事项,需要的朋友参考一下 实现的样式给你们看一波 点击这锅按钮 其实回显就是一个赋值的操作,先把form表单的那些input 框的id拿到,在展示成功的那里进行绑值 好啦,分享结束! 以上这篇layui table数据修改的回显方法就是小编分享给大家的全部内容了,希望能给大家一个参

  • 本文向大家介绍对数据进行分页显示到table中的实现方法,包括了对数据进行分页显示到table中的实现方法的使用技巧和注意事项,需要的朋友参考一下 我最先用jframe编程的时候写的比较简单,只是先查询到所有记录,再根据当前页码筛选出当前页的记录,返回的小集合可以直接显示到table上。 下面是写在jframe中的内容,调用分页方法。 以上所述是小编给大家介绍的对数据进行分页显示到table中的实

  • 本文向大家介绍在layui中对table中的数据进行判断(0、1)转换为提示信息的方法,包括了在layui中对table中的数据进行判断(0、1)转换为提示信息的方法的使用技巧和注意事项,需要的朋友参考一下 需要把“1”改成中文汉字: 在 done方法里面进行数据渲染: 效果: 以上这篇在layui中对table中的数据进行判断(0、1)转换为提示信息的方法就是小编分享给大家的全部内容了,希望能给

  • 本文向大家介绍layui实现根据table数据判断按钮显示情况的方法,包括了layui实现根据table数据判断按钮显示情况的方法的使用技巧和注意事项,需要的朋友参考一下 就可以根据table的数据实现判断toolbar按钮的显示状态和情况 实例如下所示: 以上这篇layui实现根据table数据判断按钮显示情况的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程

  • 本文向大家介绍layui table 列宽百分比显示的实现方法,包括了layui table 列宽百分比显示的实现方法的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,为大家分享一下layui实现 table 列宽百分比显示的实例代码,希望对大家有所帮助吧 以上这篇layui table 列宽百分比显示的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程