81,092
社区成员
发帖
与我相关
我的任务
分享关于bootstrap-table的events事件
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不执行
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不执行
...全文
请发表友善的回复…
发表回复
东东小屋 2021-03-18
- 打赏
- 举报
表格属性columns中，有两栏的field属性值相同
ZWEiKE 2020-12-16
- 打赏
- 举报
执行顺序问题 参考一下代码：
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
});
wenzituoyouping 2019-09-23
- 打赏
- 举报
为什么我的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
}
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
}
菜菜不菜菜 2019-08-23
- 打赏
- 举报
楼上正解！！！
夜星天空 2019-08-13
- 打赏
- 举报
因为你的操作列的field的值跟上面的
field: 'id',
title: 'id'
有重叠，所以才不会执行，你的操作列的field改成其他的，比如cc就行了
field: 'id',
title: 'id'
有重叠，所以才不会执行，你的操作列的field改成其他的，比如cc就行了
cuianbing 2018-10-02
- 打赏
- 举报
https://www.jb51.net/article/123134.htm
cuianbing 2018-10-02
- 打赏
- 举报
window.operateEvents最好单独写出来，因为window.operateEvents要在表格前面进行注册声明
