1、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", //搜索的操作符 nomsg: '没有符合条件的记录存在', //无结果的提示信息 minColToggle: 1, //允许显示的最小列数 showToggleBtn: true, //是否允许显示隐藏列,该属性有bug设置成false点击头脚本报错。 hideOnSubmit: true, //是否在回调时显示遮盖 showTableToggleBtn: false, //是否显示【显示隐藏Grid】的按钮 autoload: true, //自动加载,即第一次发起ajax请求 blockOpacity: 0.5, //透明度设置 onToggleCol: false, //当在行之间转换时,可在此方法中重写默认实现,基本无用 onChangeSort: false, //当改变排序时,可在此方法中重写默认实现,自行实现客户端排序 onSuccess: false, //成功后执行 onSubmit: false, // 调用自定义的计算函数,基本没用 //Style gridClass: "bbit-grid"//样式 }, p); ---------------------------------------------------------------------------------------------- 2、支持ajax跨域: url中加callback=? 后台获得callback函数的名字 返回json数据格式为:print(callbackName+"("+jsonString+")"); ---------------------------------------------------------------------------------------------- 3、Flexigrid(HUGO.CM修改版v1.1)使用说明: 1、加载flexigrid。p:选项参数集合 $(“”).flexigrid(p); 2、重新加载数据。 $(“”).flexReload(p); 3、更改flexigrid参数。P:选项参数集合 $(“”).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); ---------------------------------------------------------------------------------------------- 4、Flexigrid——colModel: 属性名 类型 描述 display string 显示的列名 name string 绑定的列名 sortable bool 是否可以排序 align string 对其方式 width int 列的宽度 hide bool 是否隐藏该列 pk bool 是否为主键标识、如果是则隐藏该列,值存入隐藏域中 process function customValue function 自定义显示值。(如性别:数据库为Bit类型,通过customValue方法返回“男/女”)参数:value,i ---------------------------------------------------------------------------------------------- 5、Flexigrid——事件 事件名 参数 描述 返回值 onDragCol dcoln,dcolt 拖动列后触发 无 onToggleCol cid,visible 隐藏/显示列后触发 无 onChangeSort sortname,sortorder 自定义排序事件 无 onChangePage newp 自定义翻页事件 无 onSuccess 无 数据获取成功时触发 无 onError XMLHttpRequest,textStatus,errorThrown 出现错误时触发 无 onSubmit 无 在获取数据前时触发 bool onRowSelect this 行选中事件 无 ---------------------------------------------------------------------------------------------- 6、Flexigrid——buttons 属性名 类型 描述 name string 按钮名称 bgclass string 样式 onpress function 点击触发的方法 separator bool 分割线 ---------------------------------------------------------------------------------------------- 7、Flexigrid——searchitems 属性名 类型 描述 display string 搜索类型下拉列表框:显示的列名 name string 搜索类型下拉列表框:绑定的列名 isdefault bool 是否为默认搜索类型 //注:如果searchitems:true,则自动根据所有字段生成下拉列表框
相关推荐
jquery flexigrid;jquery flexigrid
Jquery flexigrid插件 添加了checkbox,将它设置为true就OK了 (双击事件)onRowDblclick。。。 附带属性说明 共享下。。。。。
Flexigrid-Web2.0 jQuery表格插件 Flexigrid 是一个轻量级的Web2.0 jQuery插件。它包含很多非常Cool的特性,如主题定制、分页、工具栏、搜索、排序、ajax读取数据源、调整列宽高尺寸等。 一个中文实例教程: ...
jquery flexigrid与jquery tablesort 配合实现flexigrid的客户端排序功能。jsp项目,无需数据库即可运行
jquery表格插件Flexigrid 将数据按照表格排列,类似与ext。
Jquery FlexiGrid JS 前后台数据的传值、对象 前台使用FlexiGrid 插件显示数据条数 注意:action层变量名对应
JQuery_插件FlexiGrid_之完全配置与使用
jquery 表格插件 Flexigrid
$("#flex1").flexigrid({ url: 'post2.php', dataType: 'json', colModel : [ {display: 'ISO', name : 'iso', width : 40, sortable : true, align: 'center'}, {display: 'Name', name : 'name', width : 180...
jquery flexigrid 与asp.net 的交互,并实现了crud 。提供了sqlserer oracle 等数据库的操作。
FlexiGrid 插件简单应用从英文版本改为简体中文版本
NULL 博文链接:https://gundumw100.iteye.com/blog/531131
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。这个例子对...
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
这个控件是jquery封装的一款控件,最初的时候里面东西很少.只是用来显示数据使用的, 传输数据的格式有两种 xml 和 json ,做系统网站上比较用的多, 这个控件也比较好看和实用, 我在网上看到了很多功能但是都很散, 我...
这是介绍JQuery表格插件FlexiGrid在Java中的使用,使用Servlet进行开发,json传递数据
jsp中flexigrid插件在ie下样式问题
最近项目要用jquery开发,于是打算用flexigrid做表格功能,但是遇到了数据不能显示、IE下显示等问题(在FF下显示正常)。于是花了2个小时时间对flexigrid.pack.js进行调试,经过苦闷的两个小时后,皇天不负有心人,...
struts2.1.6+spring+hibernate+jquery+flexigrid+thickbox+mysql Struts2返回Json类型,分页显示在flexigrid表中 下载后进行评价获得积分:评价时要选择五角星才能获取积分,不然分数还是会被扣除