bootstraptable如何实现根据index获取⾏信息
0. 问题来源
由于项⽬使⽤了bootstrap table +x-editable来实现可编辑表格。因此在操作table的时候,⽆法通过原有
的getRowByUniqueId,removeByUniqueId函数来对表格操作(没有ID)。
⽽原⽣的bootstrap table 是不⽀持根据index获取⾏数据的。
故,所以笔者通过修改源码实现了可以通过index获取⾏信息。
1. 开⼑!
打开bootstrap-table.js,到这⾥(实际上是为了规范化⼀些,放在⼀块,实际上写哪⾥都⾏)
RowByUniqueId = function (id){......}
在下⾯加⼊
RowByIndex = function (index) {
if((index * 1+1)>this.options.data.length){
throw new Error("Unknown method: 没有当前序号!");
}
return this.options.data[index * 1];
};
veByIndex = function (index) {
var len = this.options.data.length,
row = RowByIndex(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的数据
bootstrap项目$table.bootstrapTable('getRowByIndex',0);//获取序号为0的数据

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。