LigerUI使用经验一：pageSize，自动刷新等问题解决

  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,//单击行不勾选


  每一种开源项目都有其独特的魅力，免费使用的我们，带着感恩的心去完善它，让其更加绚丽。