关于bootstrap-table的events事件

[zqm1997]

columns: [{
checkbox: true
}, {
field: 'id',
title: 'id'
}, {
field: 'role_id',
title: 'role_id'
}, {
field: 'resource_id',
title: 'resource_id'
}, {
title: '操作',
field: 'id',
align: 'center',
events:window.operatEvents = {
'click .mod': function(e,value,row,index){
alert('A');
}
},
formatter:function(value,row,index){
return [
'<a class="mod" >修改</a>',
'<a class="btn btn-default" data-toggle="delete"> <i class="fa fa-trash"></i>删除</a>'
].join('');
},
cellStyle:{
css:{"width":"20%"}
},

}]
为什么我的events不执行

[cuianbing]

window.operateEvents最好单独写出来，因为window.operateEvents要在表格前面进行注册声明

[cuianbing]

https://www.jb51.net/article/123134.htm

[夜星天空]

因为你的操作列的field的值跟上面的
field: 'id',
title: 'id'

有重叠，所以才不会执行，你的操作列的field改成其他的，比如cc就行了

[菜菜不菜菜]

楼上正解！！！

[wenzituoyouping]

为什么我的event从未执行呢，之前是这么写的，而且也写了声明window.operationEvent ={}
event:operationEvent,
formatter: addDownLord
operationEvent报错，说是未声明
后来我这样写也不管用，这个点击事件从来就没有进来过
event: window.operationEvent = {
'click .btn_delete': function (e, value, row, index) { console.log(111) },
'click .btn_down': function (e, value, row, index) { console.log(222) }
},
formatter: addDownLord
}

[ZWEiKE]

执行顺序问题 参考一下代码： window.operateEvents = { 'click .like': function (e, value, row, index) { alert('You click like action, row: ' + JSON.stringify(row)) }, 'click .remove': function (e, value, row, index) { $table.bootstrapTable('remove', { field: 'id', values: [row.id] }) } } //page与表格合体的PageList控件 var $table = new PageList("#table", { sidePagination: "client", //client客户端分页 dataField: "obj",//数据字段 columns: [ {checkbox: true,visible: true}, {title: '编号', field: 'bh'}, {title: '姓名', field: 'xm'}, {title: '军人保障卡号', field: 'jrbzkh'}, {title: '性别', field: 'xb'}, {title: '职部别', field: 'bzb'}, { field: 'id', title: '操作', align: 'center', clickToSelect: false, events: window.operateEvents, formatter: operateFormatter } ], url: Conf.interfaces.PERSONNEL });

[东东小屋]

表格属性columns中，有两栏的field属性值相同