Bootstrap-table自定义可编辑每页显示记录数

需求方将要求可以自己编辑每页显示的数目，而不是固定的写死每页显示的数目。

定义一个全局变量记录用户输入的值

var  tempLeft=15;

 

原来的div的内容移除，再append拼接自己的div内容
 

 $("span[class='btn-group dropup']").empty();
 $("span[class='btn-group dropup']").append('&nbsp;&nbsp;<input id="pageSize" name="pageSize" value="'+tempLeft+'" style="text-align:center;width:30px" onkeydown="keyup_submit(event);"/>&nbsp;&nbsp;');
   

注意，此段代码不是什么地方都可以放的，由于是在table被加载成功后，才去改变，故此代码可以放在onLoadSuccess方法里。

 

需要将输入框的值赋值给这个limit

queryParams: function (params) {
   params.limit=tempLeft;
   return ...
},

点击查询的时候修改变量

tempLeft=$("#pageSize").val();

效果如下：

 补充一下回车事件

function keyup_submit(e){
     var evt = window.event || e;
      if (evt.keyCode == 13){
          alert(111)
            //回车事件
          }
}