bootstrap table 如何实现根据index获取行信息

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的数据

你可能感兴趣的:(前端,工作记录)