【前端】 layui老项目 回顾 layui

本文介绍了表格组件的各种操作方法,包括数据重载、选中状态设置、数据获取、尺寸调整、文件导出等。同时,也提到了表单的渲染、值的赋取和验证规则,以及表格和表单的相关事件监听,如单元格编辑、行点击和列筛选等。
摘要由CSDN通过智能技术生成

表格常用的事件

  • 完整重载table.reload(id, options, deep);

  • 仅数据重载 table.reloadData(id, options, deep);

  • 获取选中行table.checkStatus(id);

  • 设置行选中状态table.setRowChecked(id, opts);

  • 获取当前页接口数据table.getData(id);

  • 获取表格缓存数据集var tableCache = table.cache;

  • 重置尺寸table.resize(id);

  • 导出数据table.exportFile(id, data, opts);

  • 获取配置项table.getOptions(id);

  • 事件table.on('event(filter)', callback);

  • 设置列显示或隐藏table.hideCol(id, cols);

  • 尾部分页栏事件 table.on('pagebar(filter)', callback);

  • 单选框事件 table.on('radio(filter)', callback);

  • 复选框事件 table.on('checkbox(filter)', callback);

  • 单元格工具事件「单击触发」: table.on('tool(filter)', callback);

  • 单元格工具事件「双击触发」: table.on('toolDouble(filter)', callback);

  • 行单击事件:table.on('row(filter)', callback);

  • 行双击事件:table.on('rowDouble(filter)', callback);

  • 单元格编辑事件 table.on('edit(filter)', callback);

  • 行右键菜单事件table.on('rowContextmenu(filter)', callback);

  • 列筛选(显示或隐藏)后的事件table.on('colToggled(filter)', callback);

  • 列拖拽宽度后的事件table.on('colResized(filter)', callback);

  • 排序切换事件 table.on('sort(filter)', callback);

  • 头部工具栏事件table.on('toolbar(filter)', callback);

表单

  • 渲染form.render(type, filter);
  • 赋值/取值form.val(filter, obj);
  • 提交方法form.submit(filter, callback);
  • 事件form.on('event(filter)', callback);
  • 自定义验证规则form.verify(obj);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

公诚士

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值