layui表格如何通过cotent方式进行跨页面传值
时间: 2024-01-27 07:04:58 浏览: 151
在Layui表格中,可以通过content属性来定义弹出层的内容,而content支持传入HTML字符串或URL地址。因此,可以通过URL地址的方式来传递参数,从而实现跨页面传值。
具体步骤如下:
1. 在表格中定义弹出层,并将content属性设置为要跳转的URL地址,例如:
```javascript
table.on('tool(test)', function(obj){
var data = obj.data;
if(obj.event === 'detail'){
layer.open({
type: 2,
title: '详情页',
content: 'detail.html?id=' + data.id // 传递参数
});
}
});
```
2. 在跳转的页面(例如detail.html)中,使用JavaScript获取URL参数,并将参数赋值给需要传递的控件,例如:
```javascript
// 获取URL参数
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
// 获取ID参数
var id = getQueryString("id");
// 将ID赋值给需要传递的控件
document.getElementById("id").value = id;
```
通过这种方式,就可以在不同的页面之间传递参数了。
阅读全文