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的数据
  • 8
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值