2015-05-15 26 views
0

如何更改此提琴中的'alert'click事件以删除单击图标的行?我尝试了几种方法,其中没有一种能够奏效。我想删除/删除行,不发布警报。先谢谢你。bootstrap-table.js如何删除actionevent内的行

这里是Fiddle

 function actionFormatter(value, row, index) { 
     return [ 
    '<a class="like" href="javascript:void(0)" title="Like">', 
    '<i class="glyphicon glyphicon-heart"></i>', 
    '</a>', 
    '<a class="edit ml10" href="javascript:void(0)" title="Edit">', 
    '<i class="glyphicon glyphicon-edit"></i>', 
    '</a>', 
    '<a class="remove ml10" href="javascript:void(0)" title="Remove">', 
    '<i class="glyphicon glyphicon-remove"></i>', 
    '</a>' 
     ].join(''); 
      } 

    window.actionEvents = { 
    'click .like': function (e, value, row, index) { 
    alert('You click like icon, row: ' + JSON.stringify(row)); 
    console.log(value, row, index); 
}, 
'click .edit': function (e, value, row, index) { 
    alert('You click edit icon, row: ' + JSON.stringify(row)); 
    console.log(value, row, index); 
}, 
'click .remove': function (e, value, row, index) { 
    alert('You click remove icon, row: ' + JSON.stringify(row)); 
    console.log(value, row, index); 
    } 
     }; 
+0

[链接](http://issues.wenzhixin.net.cn/bootstrap-table/index.html#methods/remove.html)如果我使用复选框,它需要得到复选框的行ID然后$ table.bootstrapTable('remove',{field:'id',values:ids});但在这种情况下,这是该行内的图标事件。 – ktf

回答

0

加入的:var $ =表$( '#表')

,并到点击功能: '点击卸下摆臂':功能(E,值,行,索引){ $ table.bootstrapTable('remove',{ field:'id', values:[row.id] });

现在,它的工作原理。

 var $table = $('#table') 

function actionFormatter(value, row, index) { 
    return [ 
'<a class="like" href="javascript:void(0)" title="Like">', 
'<i class="glyphicon glyphicon-heart"></i>', 
'</a>', 
'<a class="edit ml10" href="javascript:void(0)" title="Edit">', 
'<i class="glyphicon glyphicon-edit"></i>', 
'</a>', 
'<a class="remove ml10" href="javascript:void(0)" title="Remove">', 
'<i class="glyphicon glyphicon-remove"></i>', 
'</a>' 
    ].join(''); 
     } 

    window.actionEvents = { 
    'click .like': function (e, value, row, index) { 
    alert('You click like icon, row: ' + JSON.stringify(row)); 
    console.log(value, row, index); 
}, 
'click .edit': function (e, value, row, index) { 
    alert('You click edit icon, row: ' + JSON.stringify(row)); 
    console.log(value, row, index); 
}, 
    'click .remove': function (e, value, row, index) { 
       $table.bootstrapTable('remove', { 
       field: 'id', 
       values: [row.id] 
      }); 
    } 
}; 
文档中