layui 获取父页面的表格的值 -- 转载

YunAdmin
2024-03-28 / 0 评论 / 75 阅读 / 正在检测是否收录...

如果您在 layui 中使用了表格组件,那么可以使用 layui 提供的 table 模块中的 getParentVal() 方法来获取父页面的表格的值。

具体步骤如下:

1.在父页面中定义表格,并给表格添加 id:

<table id="parentTable"></table>

2.在子页面中调用 getParentVal() 方法:

var parentTable = parent.layui.table; // 获取父页面中的 table 模块
var parentTableData = parentTable.cache.parentTable; // 获取表格数据

其中,parentTable 变量获取父页面中的 table 模块,parentTableData 变量获取父页面中表格的数据。

注意,获取父页面中的 table 模块需要使用 parent 对象,该对象表示当前子页面所在的父页面。

如果您需要获取表格中被选中的数据,则可以使用 layui 提供的 getCheckStatus() 方法来获取。示例代码如下:

var parentTable = parent.layui.table; // 获取父页面中的 table 模块
var checkStatus = parentTable.checkStatus('parentTable'); // 获取选中行的数据
var checkedData = checkStatus.data; // 获取选中行的数据数组

其中,checkStatus() 方法用于获取选中行的状态,'parentTable' 参数表示表格的 id,checkedData 变量则是选中行的数据数组。

原文出处: layui 获取父页面的表格的值

0

评论 (0)

取消