标签：keyword   get   values   selected   false   表格   hold   return   tor   

获取所有表格数据

var rows=$(‘#table‘).bootstrapTable(‘getData‘)

获取选中的数据

var selected = $("#table").bootstrapTable(‘getSelections‘);

清空表格所有数据

$("#table").bootstrapTable(‘removeAll‘)

刷新表格数据

$(‘#table‘).bootstrapTable("refresh");

使用合计功能

$(‘#table‘).bootstrapTable({
　　uniqueId: "id", // 唯一标识id
　　showFooter: true,//合计
　　columns: [
　　　　{
　　　　　　field: ‘id‘,
　　　　　　title: ‘序号‘,
　　　　　　visible: false, //默认隐藏
　　　　}, {
　　　　　　field: ‘money‘,
　　　　　　title: ‘金额‘,
　　　　　　footerFormatter: function (value) {
　　　　　　　　var sum = 0;
　　　　　　　　$.each(value, function (i, val) {
　　　　　　　　　　sum += val.money;
　　　　　　　　});
　　　　　　　　return sum;
　　　　　　}
　　　　}, {
　　　　　　title: ‘操作‘,
　　　　　　formatter: function (value, row) {
　　　　　　　　var actions = [];
　　　　　　　　actions.push(‘<a class="btn btn-success btn-xs" href="#" onclick="add()"><i class="fa fa-edit"></i>增加</a> ‘);
　　　　　　　　actions.push(‘<a class="btn btn-success btn-xs" href="#" onclick="remove(\‘‘ + row.id + ‘\‘)"><i class="fa fa-remove"></i>删除</a> ‘);
　　　　　　　　return actions.join(‘‘);
　　　　　　},
　　　　　　footerFormatter: function (value) {
　　　　　　　　return ‘合计‘;
　　　　　　}
　　　　}
　　]
});

增加行

// 根据id=10的更新数据（将receipt_number字典更新为100、将remark字段更新后添加input框）

function add() {
　　$(‘#table‘).bootstrapTable(‘selectPage‘, 1);
　　var data = {
　　　　id: 10, // 唯一标识
　　　　receipt_number: ‘100‘, // 100为需要更新的字段数据
　　　　remark: ‘<input type="text" id="remark‘" name="remark‘" class="form-control" placeholder="请填写备注" onclick="点击事件()" />‘ // 将该字段更新为input框
　　};
　　//$(‘#table‘).bootstrapTable(‘prepend‘, data);  // 始终追加到表头
　　$(‘#table‘).bootstrapTable(‘append‘, data);  //  始终追加行后面
}

删除行

// 删除id为1和2的数据

$("#table").bootstrapTable(‘remove‘,{
　　field:"id", // 每一行的唯一识别
　　values:[1,2] // 删除条件数组
});

更新行数据

$(‘#table‘).bootstrapTable(‘updateRow‘, {
　　index: 1, // index从0开始
　　row: {
　　　　name: ‘XXX‘,
　　　　age: ‘20‘,
　　}
});

bootstrap table 常用方法

标签：keyword   get   values   selected   false   表格   hold   return   tor   

原文地址：https://www.cnblogs.com/xufeng-moxuan/p/13371650.html