最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 正文

flexigrid

来源:动视网 责编:小OO 时间:2025-10-03 20:10:23
文档

flexigrid

【转】[转]Flexigrid使用说明flexigrid参数说明:height:200,//flexigrid插件的高度,单位为pxwidth:'auto',//宽度值,auto表示根据每列的宽度自动计算,在IE6下建议设置具体值否则会有问题striped:true,//是否显示斑纹效果,默认是奇偶交互的形式novstripe:false,//没用过这个属性minwidth:30,//列的最小宽度minheight:80,//列的最小高度resizable:false,//resizablet
推荐度:
导读【转】[转]Flexigrid使用说明flexigrid参数说明:height:200,//flexigrid插件的高度,单位为pxwidth:'auto',//宽度值,auto表示根据每列的宽度自动计算,在IE6下建议设置具体值否则会有问题striped:true,//是否显示斑纹效果,默认是奇偶交互的形式novstripe:false,//没用过这个属性minwidth:30,//列的最小宽度minheight:80,//列的最小高度resizable:false,//resizablet
【转】[转]Flexigrid使用说明

flexigrid参数说明:

height: 200, //flexigrid插件的高度,单位为px

width: 'auto', //宽度值,auto表示根据每列的宽度自动计算,在IE6下建议设置具体值否则会有问题

striped: true, //是否显示斑纹效果,默认是奇偶交互的形式

novstripe: false,//没用过这个属性

minwidth: 30, //列的最小宽度

minheight: 80, //列的最小高度

resizable: false, //resizable table是否可伸缩

url: false, //ajax url,ajax方式对应的url地址

method: 'POST', // data sending method,数据发送方式

dataType: 'json', // type of data loaded,数据加载的类型,xml,json

errormsg: '发生错误', //错误提升信息

usepager: false, //是否分页

nowrap: true, //是否不换行

page: 1, //current page,默认当前页

total: 1, //total pages,总页面数

useRp: true, //use the results per page select box,是否可以动态设置每页显示的结果数

rp: 25, // results per page,每页默认的结果数

rpOptions: [10, 15, 20, 25, 40, 100], //可选择设定的每页结果数

title: false, //是否包含标题

pagestat: '显示记录从{from}到{to},总数 {total} 条', //显示当前页和总页面的样式

procmsg: '正在处理数据,请稍候 ...', //正在处理的提示信息

query: '', //搜索查询的条件

qtype: '', //搜索查询的类别

qop: "Eq

集合

$(“”).flexOptions (p);

4、隐藏/显示列。cid:列索引,visible:bool

$(“”).flexToggleCol (cid, visible);

5、绑定数据。Data:数据源

$(“”).flexAddData (data);

6、no select plugin by me 。不知道做什么用的

$(“”).noSelect (p);

7、重新指定宽度和高度。

$(“”).flexResize(w,h);

8、翻页。type:first、prev、next、last、input

$(“”).changePage(type);

----------------------------------------------------------------------------------------------

Flexigrid——colModel:

属性名 类型 描述

display string 显示的列名

name string 绑定的列名

sortable bool 是否可以排序

align string 对其方式

width int 列的宽度

hide bool 是否隐藏该列

pk bool 是否为主键标识、如果是则隐藏该列,值存入隐藏域中

process function

customValue function 自定义显示值。(如性别:数据库为Bit类型,通过customValue方法返回“男/女”)参数:value,i

----------------------------------------------------------------------------------------------

Flexigrid——事件

事件名 参数 描述 返回值

onDragCol dcoln,dcolt 拖动列后触发 无

onToggleCol cid,visible 隐藏/显示列后触发 无

onChangeSort sortname,sortorder 自定义排序事件 无

onChangePage newp 自定义翻页事件 无

onSuccess 无 数据获取成功时触发 无

onError XMLHttpRequest,textStatus,errorThrown 出现错误时触发 无

onSubmit 无 在获取数据前时触发 bool

onRowSelect this 行选中事件 无

----------------------------------------------------------------------------------------------

Flexigrid——buttons

属性名 类型 描述

name string 按钮名称

bgclass string 样式

onpress function 点击触发的方法

separator bool 分割线

----------------------------------------------------------------------------------------------

Flexigrid——searchitems

属性名 类型 描述

display string 搜索类型下拉列表框:显示的列名

name string 搜索类型下拉列表框:绑定的列名

isdefault bool 是否为默认搜索类型

//注:如果searchitems:true,则自动根据所有字段生成下拉列表框

文档

flexigrid

【转】[转]Flexigrid使用说明flexigrid参数说明:height:200,//flexigrid插件的高度,单位为pxwidth:'auto',//宽度值,auto表示根据每列的宽度自动计算,在IE6下建议设置具体值否则会有问题striped:true,//是否显示斑纹效果,默认是奇偶交互的形式novstripe:false,//没用过这个属性minwidth:30,//列的最小宽度minheight:80,//列的最小高度resizable:false,//resizablet
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top