这篇文章将为大家详细讲解有关layui-table如何对返回的数据进行转变显示,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
我们提供的服务有:成都网站设计、成都网站制作、微信公众号开发、网站优化、网站认证、湖南ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的湖南网站制作公司
在使用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如何对返回的数据进行转变显示
当前路径:https://www.cdcxhl.com/article24/peicce.html
成都网站建设公司_创新互联,为您提供动态网站、云服务器、自适应网站、微信公众号、企业网站制作、网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联