layui-table获得当前行的上/下一行数据的例子
此方法主要是获得Layui当前行数据的上一行数据,或者下一行数据,os旧的jquery选择器 se选择器 nse新的jquery选择器
/** * * @param obj layui-table的行数据对象 * @param number 要查找的行距离当前行距离,以当前行为准向上一行为-,向下为+ * @param filedName 要查找的filed * @returns {string} 查找filed的值 */ function getRowData(obj, number, filedName) { var se = obj.tr.selector; var os = se.substring(se.indexOf('"') + 1, se.lastIndexOf('"')); var nse = se.replace(os, parseInt(os) + number); var res = ""; $(nse + " td:not(.layui-table-col-special)").each(function () { if ($(this).attr("data-field") == filedName) { res = $(this).children(":first").html() } }); return res; }
以上这篇layui-table获得当前行的上/下一行数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
layui-table表复选框勾选的所有行数据获取的例子
项目需求,可以用复选框勾选项目进行提交,如下表 <table class="layui-table" lay-data="{url:'******', id:'test3'}" lay-filter="test3"> <thead> <tr> <th lay-data="{type:'checkbox'}">ID</th> <th lay-data="
-
解决layui中table异步数据请求不支持自定义返回数据格式的问题
使用版本 layui-v2.3.0 修改: 打开layui中table.js源码 在 Class.prototype.pullData 这个方法定义内部 //获得数据 Class.prototype.pullData = function(curr, loadIndex){ var that = this ,options = that.config ,request = options.request ,response = options.response ,sort = function(
-
layui 对table中的数据进行转义的实例
方法一 通过done回调进行遍历: //方法级渲染 table.render({ id: 'demoList', elem: '#demoList' , url: 'showDemoList' , cols: [[ {checkbox: true, fixed: true, width: '10%'} , {field: 'id', title: '编号', width: '15%', sort: true} , {field: 'pipe_id', title: '机构ID', width:
-
layui table数据修改的回显方法
实现的样式给你们看一波 点击这锅按钮 其实回显就是一个赋值的操作,先把form表单的那些input 框的id拿到,在展示成功的那里进行绑值 table.on('tool(test)', function(obj) { var data = obj.data; // 获得当前行数据 var layEvent = obj.event; // 获得 lay-event 对应的值(也可以是表头的event 参数对应的值) var tr = obj.tr; // 获得当前行 tr 的DOM对象 if (l
-
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){ }} <s
-
解决layui table表单提示数据接口请求异常的问题
问题一:直接拿别人的文件放在本地打开 如下图 原因:这是提示"交叉源请求仅支持协议方案:HTTP.数据.Chrome.Chrome扩展.HTTPS." 也就是你不能用本地文件打开,本地打开是file:///C:/Users/Administrator/Desktop/git/layui_table1.html 可以在本地服务器上展示没有问题 http://localhost/git/layui_table1.html 问题二:返回数据格式不符合要求(经常是这样的) 输出格式为 { &q
-
解决layui数据表格table的横向滚动条显示问题
加上这段样式代码就可以解决了: <link type="text/css" rel="stylesheet" href="layui/css/layui.css" rel="external nofollow" /> <style> body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */ </style> ps:这个问题fly社区给出的解释是:table 列
-
解决layui的table插件无法多层级获取json数据的问题
对于layui的table插件无法多层级获取json数据的解决方法,版本:2.2.6 根据官方文档 你接口返回的数据格式,遵循 response 对应的字段名称. 默认的格式为如下: { code: 0,//数据状态的字段名称,默认:code msg: "", //状态信息的字段名称,默认:msg count: 1000,//数据总数的字段名称,默认:count data: []//数据列表的字段名称,默认:data } 那么当后台返回的数据为如下格式时:就无法直接获取到"l
-
layui实现数据表格table分页功能(ajax异步)
layui实现数据表格table分页功能,异步加载,表格渲染,含条件查询. 一.引入layUI的相关资源 <link rel="stylesheet" href="${ctxPath}/vendor/layui/css/layui.css" rel="external nofollow" > <script src="${ctxPath}/vender/layui/layui.js" charset=&quo
-
layui异步加载table表中某一列数据的例子
layui中table加载数据时 如果数据存放在不同数据表中 那样一个请求拼接每行表格数据 然后统一返回 太慢 //页面加载时请求 另一张表的数据 var slotGroup; admin.req({ url: '请求地址' , method: 'POST' , dataType: "json" , async: false , success: function (res) { slotGroup = res.data; console.log(slotGroup) } }); ta
随机推荐
- AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
- Angular4如何自定义首屏的加载动画详解
- JavaScript 面向对象编程(2) 定义类
- Three.js学习之文字形状及自定义形状
- php 字符转义 注意事项
- 生成PDF全攻略之在已有PDF上添加内容的实现方法
- 使用 Java8 实现观察者模式的方法(下)
- asp.net jscript 一句话木马
- IIS+PHP+MySQL+Zend配置 (视频教程)
- 如何判断出一个js对象是否一个dom对象
- 磁盘阵列初步了解图文教程
- jq给页面添加覆盖层遮罩的实例
- jQuery表单验证插件解析(推荐)
- Linux shell tr 命令详解
- 利用js编写网页进度条效果
- JQuery写动态树示例代码
- Div+Js实现的带阴影菜单 微软以前网站曾用过
- javascript 二维排序表格代码
- AS3自写类整理笔记 ClassLoader类第1/2页
- dos下进行多种系统配置文件