lyGrid表格插件

 表格基础参数：

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 的数据