版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/mmm333zzz/article/details/51460292
蓝缘网：www.lanyuanoss.com
lyGrid表格插件
API手册
表格基础参数：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
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,//自定义条件查询
|
1
2
3
|
$(
"#search"
).click(
"click"
,
function
() {
// 绑定查询按扭
var
searchParams = $(
"#searchForm"
).serializeJSON();
grid.setOptions({
//设置参数，具体参数与表格参数一致
data : searchParams
//查询条件数据，必须是json格式
});
});
|
2： loadData,///重新加载数据
|
1
|
grid.loadData();
|
3： getSelectedCheckbox,//获取选择的行的Checkbox值
|
1
2
3
|
var
ck = grid.getSelectedCheckbox(); ---> [1]
//是数组
ck = ck..join(
","
) ---> 1
//是字符串
console.log(ck) --> 1
//是字符串
|
4： selectRow,// 获取选中行数据，当前行的所有json数据，包括隐藏和非隐藏的数据
|
1
2
3
|
var
row = grid.selectRow();
//例如选中了两个
---> [{id:1,name:
'小明'
},{id:2,name:
'小红'
}]
//是对象的list
|
5： lyGridUp,// 选中行向上移一行
|
1
|
grid.lyGridUp();
|
6： lyGridDown,// 选中行向下移一行
|
1
|
grid.lyGridDown();
|
7： getCurrentData,// 获取表格当前页所有的json数据
|
1
|
var
g = grid.getCurrentData();
|
8： getColumn,//获取表头
|
1
|
var
c = grid.getColumn();
//得到你定义表格头 l_column 的数据
|