Bootstrap Table分页刷新,使formatter的内容无法保存解决方法

由于项目需要,需要运用Bootstrap Table在最后一列渲染一个input框填写信息!

效果是每列填写后,点击分页,或搜索时使数据保留,但是由于Bootstrap Table每次进行搜索或者分页会重新formatter,

导致数据每次都会消失,我想到的解决方法,是通过每次文本框输入时保留数据,存入公共的集合里,然后每次formatter时判断下数组中是否存在对应的数据

//存储数据集合
var price_arr=[];
function getvalue(x) {
    var x_id=x;
    var x_val=$("#"+x).val();
    var obj={"id":x_id,"price":x_val};
    $(price_arr).each(function (index,val) {
        var price_id=val.id;
        if (price_id==x_id){
            price_arr.splice(index, 1);
        }
        else {}
    });
    price_arr.push(obj);
}

这是保存每次input值改变调用

这是对应的渲染列,结果很成功!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值