LayUi数据表格自定义赋值方式


Posted in Javascript onOctober 26, 2019

官方写的非常抽象,反正我是没看懂,可能还没到能看懂前端的级别

自己也是百度的

一开始想去实现一个

用的是

定义表头参数:

{field: 'status', title: '状态', width: 150, templet:'#manager_status',align:'center'}

然后js部分:

<script type="text/html" id="manager_status">
  {{# if(d.status ==1 ){ }}
  <span class="layui-btn layui-btn-xs" style="background: green">启用</span>
  {{# } else { }}
  <span class="layui-btn layui-btn-xs" style="background: red">禁用</span>
  {{# } }}
</script>

但是我发现这个并不友好,比如说我php给他传值,我想用<?=$v['status']?>,你会发现你传到前端的数据都在layui给你定义好的参数data里面,这时候你的data又是死的所以只能通过前端来做变化

LayUi数据表格自定义赋值方式

,{field: 'services', title: '开通服务', width:150, sort: true,align:'center',
  templet:function(d)
  {
    if (d.managerServices.length != 0) {
      services = '';
      // 1:文章,2:问答,3:音频,4:视频'
      $.each(d.managerServices, function (k, v) {
        if (v.service_type == 1){
          services += '文章';
        }
        if (v.service_type == 2){
          services += '/问答';
        }
        if (v.service_type == 3){
          services += '/音频';
        }
        if (v.service_type == 4){
          services += '/视频';
        }
      });
      return services;
    } else {
      return '未开通任何服务';
    }
  }}

以上这篇LayUi数据表格自定义赋值方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
网页和浏览器兼容性问题汇总(draft1)
Jun 01 Javascript
IE innerHTML,outerHTML所引起的问题
Jun 04 Javascript
JavaScript实现的in_array函数
Aug 27 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
Apr 06 Javascript
JS 实现 ajax 异步浏览器兼容问题
Jan 21 Javascript
js学使用setTimeout实现轮循动画
Jul 17 Javascript
解决vue路由后界面没有变化,但是链接有的问题
Sep 01 Javascript
解决vue同一slot在组件中渲染多次的问题
Sep 06 Javascript
生产制造追溯系统之再说条码打印
Jun 03 Javascript
微信小程序 checkbox使用实例解析
Sep 09 Javascript
weui中的picker使用js进行动态绑定数据问题
Nov 06 Javascript
vue微信分享插件使用方法详解
Feb 18 Javascript
layui实现数据表格自定义数据项
Oct 26 #Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 #Javascript
使用 JavaScript 创建并下载文件(模拟点击)
Oct 25 #Javascript
js前端如何写一个精确的倒计时代码
Oct 25 #Javascript
对layui数据表格动态cols(字段)动态变化详解
Oct 25 #Javascript
layui实现数据表格隐藏列的示例
Oct 25 #Javascript
关于在LayUI中使用AJAX提交巨坑记录
Oct 25 #Javascript
You might like
php按单词截取字符串的方法
2015/04/07 PHP
PHP判断是否为空的几个函数对比
2015/04/21 PHP
php语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
实例详解PHP中html word 互转的方法
2016/01/28 PHP
php 实现301重定向跳转实例代码
2016/07/18 PHP
简单的自定义php模板引擎
2016/08/26 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
2011/09/26 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
JS判断字符串字节数并截取长度的方法
2016/03/05 Javascript
JS经典正则表达式笔试题汇总
2016/12/15 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
2017/11/20 Javascript
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
python使用win32com在百度空间插入html元素示例
2014/02/20 Python
深入讨论Python函数的参数的默认值所引发的问题的原因
2015/03/30 Python
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
使用Python编写一个最基础的代码解释器的要点解析
2016/07/12 Python
python字符串中的单双引
2017/02/16 Python
Pycharm 设置默认头的图文教程
2019/01/17 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
django项目用higcharts统计最近七天文章点击量
2019/08/17 Python
Python切割图片成九宫格的示例代码
2020/03/10 Python
行政办公员自我评价分享
2013/12/14 职场文书
三方协议书范本
2014/04/22 职场文书
公开承诺书格式
2014/05/21 职场文书
大三学生学年自我鉴定
2014/09/12 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
代办出身证明书
2014/10/21 职场文书
科学家研发出新型速效酶,可在 24 小时内降解塑料制品
2022/04/29 数码科技