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值改变调用

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

猜你喜欢

转载自blog.csdn.net/weixin_42776027/article/details/85060325