写一个layui表格点击跳转到另一个页面,并判断点击这行获取的值是填报还是未填报,是填报跳转到a页面并将a页面add按钮影藏,否则跳转到b页面,()
时间: 2024-05-04 22:17:12 浏览: 57
Layui数据表格跳转到指定页的实现方法
可以按照以下步骤实现:
1. 在 layui 表格中添加一个事件监听器,监听行的单击事件,获取当前行的数据。
```javascript
table.on('row(test)', function(obj){
// obj.data 是当前行的数据
// ...
});
```
2. 根据获取的数据判断是填报还是未填报,可以根据数据中某个字段的值进行判断。
```javascript
if (obj.data.status === '已填报') {
// 跳转到 a 页面
} else {
// 跳转到 b 页面
}
```
3. 使用 `window.location.href` 方法跳转到目标页面。
```javascript
if (obj.data.status === '已填报') {
// 跳转到 a 页面,并隐藏 add 按钮
window.location.href = 'a.html';
$('#addBtn').hide();
} else {
// 跳转到 b 页面
window.location.href = 'b.html';
}
```
完整代码示例:
```javascript
table.on('row(test)', function(obj){
// obj.data 是当前行的数据
if (obj.data.status === '已填报') {
// 跳转到 a 页面,并隐藏 add 按钮
window.location.href = 'a.html';
$('#addBtn').hide();
} else {
// 跳转到 b 页面
window.location.href = 'b.html';
}
});
```
阅读全文