需求方将要求可以自己编辑每页显示的数目,而不是固定的写死每页显示的数目。
定义一个全局变量记录用户输入的值
var tempLeft=15;
原来的div的内容移除,再append拼接自己的div内容
$("span[class='btn-group dropup']").empty();
$("span[class='btn-group dropup']").append(' <input id="pageSize" name="pageSize" value="'+tempLeft+'" style="text-align:center;width:30px" onkeydown="keyup_submit(event);"/> ');
注意,此段代码不是什么地方都可以放的,由于是在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)
//回车事件
}
}