layui的table常用方法

简介: layui的table常用方法


  • layui的table渲染完成后获得cache里的数据
// 数据缓存
table.cache['tableId'];
  • 更新页面的行内数据
//更新页面的行内数据
obj.update({
    字段名: '内容'
    字段名: '内容'
});
// 渲染的时候定义个变量
var tableIns = table.render({...});
var data = tableIns.config.data;  //编辑后的全部数据
  • 获得行号
$(this.elem).parent().parent().parent().data('index');
$(this.elem):input
$(this.elem).parent():div
$(this.elem).parent().parent():td
$(this.elem).parent().parent().parent():tr
  • layui获取选中行数据的两种方法
  1. 监听行事件

  1. 选择框方法
    用这个方法一定要在表头设置一个单选框或者复选框,不然它是获取不到选中行的数据的


相关文章
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
823 0
|
JavaScript Java 数据格式
Layui数据表格(table)前后台交互
Layui数据表格(table)前后台交互
927 0
|
JSON 前端开发 Java
layui上传图片,前端直接拷代码,后端……
layui上传图片,前端直接拷代码,后端……
|
前端开发 网络安全
layui如何实现添加数据时关闭页面层,并实时刷新表格数据?
layui如何实现添加数据时关闭页面层,并实时刷新表格数据?
layUI数据表格可编辑扩展下拉框
layUI数据表格可编辑扩展下拉框
688 0
|
前端开发 网络安全 数据库
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
|
前端开发 JavaScript 安全
前端框架Layui实现动态选项卡&iframe使用(附源码)
前端框架Layui实现动态选项卡&iframe使用(附源码)
2547 0
【Layui】Layui下select下拉框不显示或没有效果
【Layui】Layui下select下拉框不显示或没有效果
|
JavaScript 前端开发
layui下拉框xm-select自定义搜索使用方法
【10月更文挑战第28天】`xm - select` 是基于 Layui 的下拉框增强插件,支持自定义搜索功能。实现步骤包括:1. 引入 Layui 和 xm - select 的核心文件;2. 创建下拉框的基本 HTML 结构;3. 使用 `layui.use` 函数初始化插件并配置搜索功能;4. 可选地进行高级自定义搜索优化,如模糊匹配、多字段搜索和实时更新数据。通过这些步骤,可实现灵活的下拉框搜索功能。
4205 1

热门文章

最新文章