2015-05-15 28 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] 
      }); 
    } 
}; 
文檔中