html表格实现删除数据库数据库数据库数据,bootstrap table remove把数据从表格中删除的方法...

bootstrap table remove把数据从表格中删除的方法

bootstrap table remove方法根据你设置的字段和对应的值把相应的数据从表格中删除掉。比如把选中的数据行从表格中删除就是很常见的操作，这是一个比较重要的方法，当然你删除一条数据(同时也把数据库对应的数据也删除了)也可以通过refresh方法重新请求数据库数据来刷新表格UI但是这种做法会多请求一次服务器，会增加服务器的额外开销。

remove方法

参数名称参数说明

field根据那个字段来删除，如ID字段

values根据这个字段哪些值来删除，如把id为2的数据删除

代码例子//获取对象

var obj=$('#table');

//获取选中的ID

var ids = $.map(obj.bootstrapTable('getSelections'), function (row) {

return row.Id

});

//根据Id字段删除对应的数据

obj.bootstrapTable('remove', {field: 'Id',values: ids });

完整例子

bootstrap table remove在线例子

.table-demo {

width: 80%;

margin: 30px auto 0px auto;

}

.titles {

float: right;

clear: both;

}

删除选中的数据

//设置需要显示的列

var columns = [

{

checkbox:true

},

{

field:"Id",

title: 'ID'

}, {

field: 'Car',

title: '品牌'

} ];

var data= [{

Id: 10,

Car: 'C5',

}, {

Id: 20,

Car: 'C6',

}, {

Id: 30,

Car: 'C7',

} ];

//bootstrap table初始化数据

$('#table').bootstrapTable({

toolbar:"#toolbar",

data:data,

columns: columns,

});

function deleteSelects()

{

var obj=$('#table');

var ids = $.map(obj.bootstrapTable('getSelections'), function (row) {

return row.Id

});

obj.bootstrapTable('remove', {field: 'Id',values: ids });

}