分页插件 使用了自主开发的插件类,并兼容了蓝缘系统的 插件 用法是和蓝缘 几乎没差异。
页面来自: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 的数据