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 相关文章推荐
学习JavaScript的最佳方法分享
Oct 21 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
May 19 Javascript
Js中的onblur和onfocus事件应用介绍
Aug 27 Javascript
利用window.name实现windowStorage代码分享
Jan 02 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
Sep 27 Javascript
基于vue.js实现图片轮播效果
Dec 01 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
Apr 07 Javascript
详解easyui基于 layui.laydate日期扩展组件
Jul 18 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 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去除头尾空格的2种方法
2015/03/16 PHP
PHP加密3DES报错 Call to undefined function: mcrypt_module_open() 如何解决
2016/04/17 PHP
PHP登录(ajax提交数据和后台校验)实例分享
2016/12/29 PHP
详解PHP处理字符串类似indexof的方法函数
2017/06/11 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
PHP命名空间用法实例分析
2019/09/04 PHP
延时重复执行函数 lLoopRun.js
2007/05/08 Javascript
javascript html 静态页面传参数
2009/04/10 Javascript
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
js操作数组函数实例小结
2015/12/10 Javascript
jQuery实现简单隔行变色的方法
2016/02/20 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
详解a++和++a的区别
2017/08/30 Javascript
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
在Django的模板中使用认证数据的方法
2015/07/23 Python
Python 逐行分割大txt文件的方法
2017/10/10 Python
pygame实现俄罗斯方块游戏
2018/06/26 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
用Python开发app后端有优势吗
2020/06/29 Python
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
三好学生自我鉴定
2013/12/17 职场文书
战友聚会策划方案
2014/06/13 职场文书
公司应聘自荐书
2014/06/14 职场文书
社区服务活动小结
2014/07/08 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
2014年网管工作总结
2014/12/11 职场文书
2014年司法局工作总结
2014/12/11 职场文书
护理专业毕业自我鉴定
2019/08/12 职场文书
乔迁新居祝福语
2019/11/04 职场文书
Go标准容器之Ring的使用说明
2021/05/05 Golang
Python torch.flatten()函数案例详解
2021/08/30 Python
python 远程执行命令的详细代码
2022/02/15 Python