码迷,mamicode.com
首页 > 其他好文 > 详细

lyGrid表格插件

时间:2016-07-28 14:09:15      阅读:585      评论:0      收藏:0      [点我收藏+]

标签:

 表格基础参数:

 

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

 

lyGrid表格插件

标签:

原文地址:http://www.cnblogs.com/hcw13820042015-/p/5714312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!