由于项目需要,需要运用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值改变调用
这是对应的渲染列,结果很成功!