表格的行工具事件没有反应

提问 已结 15 161
云锦瑶
云锦瑶 6天前
悬赏:20飞吻
版本:layui 浏览器:
以下为我的代码
<table class="layui-hide" id="demo" lay-filter="test"></table>

<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="confirm">确认告警</a>
</script>
<script type="text/html" id="barDemo1">
<a class="layui-btn layui-btn-xs" lay-event="ignore">忽略</a>
</script>



<script>

layui.use(['table','layer','element'], function(){
var table = layui.table
,layer = layui.layer
,element = layui.element



table.render({
elem: '#demo'
,url:'/demo.json'
,toolbar: true
,title: '告警信息'
,page:true
,totalRow: true
,cols: [[
{field:'number', title:'序号', width:80, fixed: 'left', unresize: true, sort: true,align:'center'}
,{field:'name', title:'模块', width:120,align:'center'}
,{field:'condition', title:'状态', width:80, align:'center'}
,{field:'reason', title:'原因', width:100,align:'center'}
,{field:'failuretime', title:'故障时间', width:200, sort: true,align:'center'}
,{field:'rank', title:'等级', width:80, sort: true,align:'center'}
,{field:'recovertime', title:'恢复时间', width:200, align:'center'}
,{fixed: 'right', width: 100, align:'center', toolbar: '#barDemo',event:'confirm'}
,{fixed:'right',width:100,align:'center',toolbar:'#barDemo1',event:'ignore'}

]]

,response: {
statusCode: 200 //重新规定成功的状态码为 200,table 组件默认为 0
}
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
return {
"code": res.status, //解析接口状态
"msg": res.message, //解析提示文本
"count": res.total, //解析数据长度
"data": res.rows.item //解析数据列表
};
}
,done:function(res){

}
});
table.on('tool(test)',function(obj){
var data= obj.data
,layEvent = obj.Event;
if(layEvent==='confirm'){
layer.msg('确认告警');
}else if(layEvent==='ignore'){
layer.msg('忽略');
}
})
});
但是点击一点反应都没有,不知道是哪里错了,求指点

我后来修改了一下
table.on('tool(test)',function(obj){
if(obj.event=="confirm"){
console.log("确认告警");}
else if(obj.event=="ignore"){
console.log("忽略");
}

})
有反应了,但是每点击一次执行了两次,想问问什么原因?
回帖
  • Liliy
    3天前
    你操作栏绑定了#barDemo1   又绑定了事件,event:'ignore'
    0 回复
  • Liliy
    2天前
    你是说 可以自己调整排序嘛 那你直接在调整是重新加载表格
    1 回复
  • Liliy
    6天前
    操作这里绑定了event:'ignore'
    0 回复
  • @Liliy 什么意思,能详细说一下么?
    0 回复
  • @Liliy 解决了谢谢!因为之前绑定了#barDemo1没有反应,所以又多次一举了一下
    还想请教一个问题,怎样才能让一个表格里内容随着另外一个表格内容的改变而改变呢?
    0 回复
  • Liliy
    3天前
    在表格加载后  在重新渲染下另外的表格
    0 回复
  • @Liliy 不是两个表格,比如我后台传过来的数据,如果有恢复时间(这个也在表格里显示),状态那一栏就显示已恢复,如果没有恢复时间,状态那栏就显示故障。初学layui好多不懂的[失望]
    0 回复
  • Liliy
    3天前
    后台返回不同的状态  然后前台根据状态的不同显示
    0 回复
  • Liliy
    3天前
    后台返回不同的状态  然后前台根据状态的不同显示
    0 回复
  • @Liliy 我懂你的意思了,如果我前台想让故障显示红色,已恢复显示绿色,是不是在状态那里用templet来实现?
    0 回复