分页插件
博客专区 > Deament 的博客 > 博客详情
分页插件
Deament 发表于3个月前
分页插件
  • 发表于 3个月前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

分页插件 使用了自主开发的插件类,并兼容了蓝缘系统的 插件 用法是和蓝缘 几乎没差异。

页面来自:http://www.lanyuanoss.com/document.shtml

输入图片说明

grid = lyGrid({

    l_column : [{//表格列表数据

            colkey : null,

        name : null,

        width : 'auto',

        theadClass:'',

        tbodyClass:'',

        height : 'auto',

        align : 'center',

        hide : false,

        isSort:false,

        renderData : function( rowindex ,data, rowdata, colkey)//渲染数据

            {

        //rowindex 当前行号 ,data 当前列的数据 ,rowdata 当前行json数据, colkey 当前列的colkey

            //处理当前列数据。可自定义html

                return "";

            }

    }],

    pagId : 'paging', // 加载表格存放位置的ID

    width : '100%', // 表格高度

    height : '100%', // 表格宽度

    theadHeight : '28px', // 表格的thead高度

    tbodyHeight : '27px',// 表格body的每一行高度

    jsonUrl : '', // 访问后台地址

    isFixed : false,//是否固定表头

    usePage : true,// 是否分页

    serNumber : false,// 是否显示序号

    local:false,//是否本地分页,即返回所有数据,让前端分页

    localData:[],//本地数据集

    records : 'records',// 分页数据

    pageNow : 'pageNow',// 当前页码 或 当前第几页

    totalPages : 'pageCount',// 总页数

    totalRecords : 'rowCount',// 总记录数

    pagecode : '10',// 分页时,最多显示几个页码

    async : false, // 默认为同步

    data : '', // 发送给后台的数据 是json数据 例如{nama:"a",age:"100"}....

    pageSize : 10, // 每页显示多少条数据

    checkbox : false,// 是否显示复选框

    checkValue : 'id', // 当checkbox为true时,需要设置存放checkbox的值字段 默认存放字段id的值

    treeGrid : {

        type: 1, //1 表示后台已经处理好父类带children集合 2 表示没有处理,由前端处理树形式

        tree : false,// 是否显示树

        hide : false,//默认展开

        name : 'name',// 以哪个字段 的树形式 如果是多个 name,key

        id: "id",

        pid: "pid"

    },

    // 树形式 {tree : false,//是否显示树 name : 'name'}//以哪个字段 的树形式

};

});

1: setOptions,//自定义条件查询

$("#search").click("click", function() {// 绑定查询按扭

var searchParams = $("#searchForm").serializeJSON();

grid.setOptions({//设置参数,具体参数与表格参数一致

    data : searchParams//查询条件数据,必须是json格式

});

});

2: loadData,///重新加载数据

 grid.loadData();

3: getSelectedCheckbox,//获取选择的行的Checkbox值

 var ck = grid.getSelectedCheckbox(); ---> [1] //是数组

 ck = ck..join(",") ---> 1 //是字符串

 console.log(ck)  --> 1 //是字符串

4: selectRow,// 获取选中行数据,当前行的所有json数据,包括隐藏和非隐藏的数据

 var row = grid.selectRow(); 

 //例如选中了两个

 ---> [{id:1,name:'小明'},{id:2,name:'小红'}] //是对象的list

5: lyGridUp,// 选中行向上移一行

 grid.lyGridUp();

6: lyGridDown,// 选中行向下移一行

 grid.lyGridDown();

7: getCurrentData,// 获取表格当前页所有的json数据

var g = grid.getCurrentData();

8: getColumn,//获取表头

var c = grid.getColumn(); //得到你定义表格头 l_column 的数据
共有 人打赏支持
粉丝 13
博文 16
码字总数 5036
作品 1
×
Deament
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: