V1.0版本中 FlexiGrid功能列表:
1.数据的增删改
2.显示/隐藏列
3.页面中绑定列
4.计算列(A列与B列的计算),小计,合计
5.导出Excel
6.设置分页数量
扩增FlexiGrid API
1.在colModel的配置中增加render方法,其中有4个参数
cell:单元格焦点的数据, row:该行数据, data:所有数据, index:行号。
通过这些参数我们可以实现计算列、小计、合计、序号等功能。§
例如:render: function(cell, row, data, index) {
return cell ? "男" : "女" ;
}
2.在获取当前行中数据的函数$('.trSelected td:nth-child(1)', grid)中,参数value属性。通过value可以获取当前单元格的值,而不是显示出的内容。
如:显示"男" ,获取到true
存在的Bug
1.jquery.flexbox插件实现下拉框的动态选择
2.FlexiGrid服务器端筛选(过滤)
FlexiGrid中文API手册
属性名 |
说明 |
类型 |
默认值 |
height |
高度 |
数值 |
200 |
width |
宽度 |
数值|字符 |
auto |
striped |
隔行变色 |
布尔 |
true |
novstripe |
显示条纹 |
布尔 |
false |
minwidth |
列的最小宽度 |
数值 |
30 |
minheight |
列的最小高度 |
数值 |
80 |
resizable |
可拖动网格大小 |
布尔 |
true |
url |
Ajax请求地址 |
字符 |
false |
method |
请求方式(POST|GET) |
字符 |
POST |
dataType |
数据类型(JSON|XML,建议使用JSON) |
字符 |
'xml' |
errormsg |
错误提升信息 |
字符 |
Connection Error |
usepager |
使用分页 |
布尔 |
false |
page |
当前页码 |
数值 |
1 |
total |
总行数 |
数值 |
1 |
useRp |
显示分页下拉列表 |
布尔 |
true |
rp |
每页显示行数 |
数值 |
15 |
rpOptions |
分页设置 |
数组 |
[10, 15, 20, 25, 40], |
title |
显示标题 |
布尔 |
false |
pagestat |
显示当前页和总页面的样式,{from}、{ to }、{ total }分别为开始数、结束数、总数
|
字符 |
Displaying {from} to {to} of {total} items |
procmsg |
正在处理的提示信息 |
字符 |
Processing, please wait ...' |
query |
搜索查询的条件 |
字符 |
空字符 |
qtype |
搜索查询的列名 |
字符 |
空字符 |
nomsg |
无结果的提示信息 |
字符 |
No items |
hideOnSubmit |
隐藏提交 |
布尔 |
true |
autoload |
自动加载 |
布尔 |
true |
blockOpacity |
透明度设置 |
数值 |
0.5 |
onToggleCol |
当在行之间转换时 |
布尔 |
false |
FlexiGrid修改版下载
代码下载
SVN代码托管地址:http://springnetdemo1.googlecode.com/svn/trunk/
版权所有:博客园 刘冬.NET
感谢朋友对我的支持,和经常探讨问题的朋友们 孤独侠客 莫耶
参考:
http://www.cnblogs.com/lonely7345/archive/2009/02/03/1382780.html
http://www.cnblogs.com/moye/archive/2008/11/30/1344369.html
posted on 2011-07-26 19:15
Mon$ter! 阅读(4230)
评论(0) 编辑 收藏