lyaui jq 将指定的table 中的toolbar 中的按钮隐藏,给出完整代码示例
时间: 2024-02-23 18:58:34 浏览: 164
以下是将指定的table中的toolbar中的按钮隐藏的完整代码示例:
```javascript
// 获取指定table的toolbar DOM元素
var tableId = "myTable"; // 指定的table ID
var toolbar = document.querySelector("#" + tableId + " .layui-table-tool");
// 隐藏toolbar中的按钮
var btnsToHide = ["LAYTABLE_COLS", "LAYTABLE_EXPORT"]; // 要隐藏的按钮的layEvent值
btnsToHide.forEach(function(layEvent) {
var btn = toolbar.querySelector("[lay-event=" + layEvent + "]");
if (btn) {
btn.style.display = "none";
}
});
```
解释一下代码:
1. 首先获取指定table的toolbar DOM元素,这里使用了layui框架的选择器。
2. 定义一个数组`btnsToHide`,它包含了要隐藏的按钮的`layEvent`值,这里默认要隐藏"列"和"导出"两个按钮。
3. 遍历`btnsToHide`数组中的每个值,查找toolbar中对应的按钮。
4. 如果找到了对应的按钮,则将其CSS的`display`属性设置为`none`,即隐藏该按钮。
需要注意的是,这里使用了ES6的`forEach`方法,如果您的浏览器不支持ES6语法,请使用传统的for循环来实现遍历。
阅读全文