0. 问题来源
由于项目使用了bootstrap table +x-editable来实现可编辑表格。因此在操作table的时候,无法通过原有的getRowByUniqueId,removeByUniqueId
函数来对表格操作(没有ID)。
而原生的bootstrap table 是不支持根据index获取行数据的。
故,所以笔者通过修改源码实现了可以通过index获取行信息。
1. 开刀!
打开bootstrap-table.js,找到这里(实际上是为了规范化一些,放在一块,实际上写哪里都行)
BootstrapTable.prototype.getRowByUniqueId = function (id){......}
在下面加入
BootstrapTable.prototype.getRowByIndex = function (index) {
if((index * 1+1)>this.options.data.length){
throw new Error("Unknown method: 没有当前序号!");
}
return this.options.data[index * 1];
};
BootstrapTable.prototype.removeByIndex = function (index) {
var len = this.options.data.length,
row = this.getRowByIndex(index);
if (row) {
this.options.data.splice(this.options.data.indexOf(row), 1);
}
if (len === this.options.data.length) {
return;
}
this.initSearch();
this.initPagination();
this.initBody(true);
};
然后找到
var allowedMethods =[.....]
再参数里面加入
'getRowByIndex',
'removeByIndex'
大功告成
2. 使用方式
$table.bootstrapTable('removeByIndex',0);//删除序号为0的数据
$table.bootstrapTable('getRowByIndex',0);//获取序号为0的数据