写一个layui表格点击跳转到另一个页面,并判断点击这行获取的值是填报还是未填报,是填报跳转到a页面并将a页面add按钮影藏,否则跳转到b页面,通过content方式跳转
时间: 2024-05-03 15:16:23 浏览: 117
高考填报系统(微信小程序).zip
5星 · 资源好评率100%
可以通过以下步骤实现:
1. 在 layui 表格中添加一个事件监听器,监听行点击事件。
2. 在事件处理函数中获取当前点击行的数据,并根据数据中的填报状态判断应该跳转到哪个页面。
3. 根据判断结果使用 `window.location.href` 跳转到对应的页面,并且根据需要隐藏按钮。
下面是示例代码:
```javascript
// 监听表格行点击事件
table.on('row(test)', function(obj){
// 获取当前点击行的数据
var data = obj.data;
// 判断填报状态
if (data.status === '已填报') {
// 跳转到 a 页面并隐藏按钮
window.location.href = 'a.html';
$('#add-button').hide();
} else {
// 跳转到 b 页面
window.location.href = 'b.html?content=' + encodeURIComponent(JSON.stringify(data));
}
});
```
在上面的代码中,假设表格的 ID 是 `test`,填报状态保存在数据的 `status` 字段中,a 页面中的按钮的 ID 是 `add-button`。在跳转到 b 页面时,我们将数据以 JSON 字符串的形式编码并作为查询参数 `content` 附加到 URL 中,以便在 b 页面中获取数据。注意要使用 `encodeURIComponent` 对数据进行编码,以避免特殊字符引起的问题。
阅读全文