LigerUI是基于jQuery开发的一系列控件组,包括表单、布局、表格等等常用UI控件,使用LigerUI可以快速创建风格统一的界面效果。
它的视图简洁明了,操作较为简便,采用json格式传递数据,具有不错的grid表格处理能力。之前工作中使用过这种插件,感觉效果不错,但是可查到的资料比较少。
1.调换每页显示数(pageSize)后,再次查询,实际每页显示数无变化,仍然是原来的值。
问题定位:
page:1,
newPage:0,
pageSize:10,
isChecked: f_isChecked,
onCheckRow: f_onCheckRow,
onCheckAllRow: f_onCheckAllRow,
checkbox: true,
enabledEdit: true
PageSize设置为10之后,修改每页显示数,再次查询,每页显示数仍会按照默认的10来算,而最下角的每页显示数,不会同步刷新。
解决办法
var sels=document.getElementsByName('rp');
for(i=0;i<sels.length;i++)
var pageSize=sels[0].value;
if(pageSize=="undefined"){
pageSize=10;
}
grid =
$("#maingrid").ligerGrid({
columns: [
...
page:1,
newPage:0,
pageSize:pageSize,
isChecked: f_isChecked,
onCheckRow: f_onCheckRow,
onCheckAllRow: f_onCheckAllRow,
checkbox: true,
enabledEdit: true
2.LigerUI关闭页面自动刷新和关闭
parent.window.queryData();//刷新页面
parent.$(".l-dialog,.l-window-mask").remove(); //关闭弹出层//parent.$.ligerDialog.close(); //关闭页面,
某种情况下报错,可不写。
3.表格中添加按钮
grid =
$("#maingrid").ligerGrid({
columns: [
{ display: '操作', name: 'OPTION', align: 'center', width: 130 ,
render: function (item){
return "<input type='button' onclick='but_Modify(\""+item.A+"\",\""+item.B"\")' value='修改'>;";
}
},
{ display: '职场名称', name: 'DEPTNAME', align: 'center', width: 200 ,hide:false },
4.点击行,多选框不选中。
enabledEdit: true,//单击行不勾选
每一种开源项目都有其独特的魅力,免费使用的我们,带着感恩的心去完善它,让其更加绚丽。
LigerUI使用经验一:pageSize,自动刷新等问题解决
猜你喜欢
转载自afinder.iteye.com/blog/2345305
今日推荐
周排行