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 相关文章推荐
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
Feb 26 Javascript
JavaScript中创建对象和继承示例解读
Feb 12 Javascript
JavaScript中的全局对象介绍
Jan 01 Javascript
提交按钮的name='submit'引起的js失效问题及原因
Feb 25 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
fullCalendar中文API官方文档
Feb 07 Javascript
脚本div实现拖放功能(两种)
Feb 13 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
react实现点击选中的li高亮的示例代码
May 24 Javascript
前端axios下载excel文件(二进制)的处理方法
Jul 31 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开源项目的源码指南
2014/12/21 PHP
PHP中PDO事务处理操作示例
2018/05/02 PHP
laravel 解决groupBy时出现的错误 isn't in Group By问题
2019/10/17 PHP
PHP与Web页面的交互示例详解二
2020/08/04 PHP
使用Apache的rewrite
2021/03/09 Servers
node.js中的querystring.parse方法使用说明
2014/12/10 Javascript
javascript页面倒计时实例
2015/07/25 Javascript
window.onerror()的用法与实例分析
2016/01/27 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
JQuery实现简单的服务器轮询效果实例
2016/03/31 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
Angular 4.X开发实践中的踩坑小结
2017/07/04 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
[04:19]完美世界携手游戏风云打造 卡尔工作室模型介绍篇
2013/04/24 DOTA
Python实现Linux下守护进程的编写方法
2014/08/22 Python
Python实现Const详解
2015/01/27 Python
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
sublime text 3配置使用python操作方法
2017/06/11 Python
pip安装Python库时遇到的问题及解决方法
2017/11/23 Python
3分钟学会一个Python小技巧
2018/11/23 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
学习Python列表的基础知识汇总
2020/03/10 Python
keras实现多GPU或指定GPU的使用介绍
2020/06/17 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
毕业生就业自荐书
2013/12/15 职场文书
矫正人员思想汇报
2014/01/08 职场文书
财务部总监岗位职责
2014/03/12 职场文书
正规借条模板
2015/05/26 职场文书
个人自我鉴定怎么写?
2019/07/01 职场文书
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android
python中validators库的使用方法详解
2022/09/23 Python