bootstrapTable insertRow 新增行保留原数据

思路:保留原数据,然后新增行。

var optionsxx = {
//省略xxx;
columns: [{
checkbox: true
},
{
field: 'id',
title: '主键',
class: 'yincang'
},
{
field: 'name',
title: '名字'
}
]

};
/* 添加行 保留原数据 */
function addColumn() {
var count = $("#bootstrap-table").bootstrapTable('getData').length;
var params = new Array();
for (var dataIndex = 0; dataIndex < count; dataIndex++) {
var columns = $('#bootstrap-table' + ' tr[data-index="' + dataIndex + '"] td');
var obj = new Object();
for (var i = 0; i < columns.length; i++) {
var inputValue = $(columns[i]).find('input');
var selectValue = $(columns[i]).find('select');
var key = optionsxx.columns[i].field;
if(key){
if ($.common.isNotEmpty(inputValue.val())) {
obj[key] = inputValue.val();
} else if ($.common.isNotEmpty(selectValue.val())) {
obj[key] = selectValue.val();
} else {
obj[key] = "";
}
}
}
params.push({ index: dataIndex, row: obj });
}
$("#bootstrap-table").bootstrapTable("updateRow", params);
var row;
row = {
index: $.table.serialNumber(count),
name: "",
number: "",
price: "",
remark: "",
}
$("#bootstrap-table").bootstrapTable('insertRow', {
index: count,
row: row
});
}
上一篇:Vue3学习(十一)之 table表格组件的使用


下一篇:ant-design-vue 中table简单用法