加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flexigrid 参数说明

发布时间:2020-12-15 04:46:34 所属栏目:百科 来源:网络整理
导读:本文为转载 http://simple1024.iteye.com/blog/1171090 项目用到这玩意,像样的API都是英文的,英文不好,所以经过各种搜集,flexigrid就整理了这么多用得上的东西,用不上的没有整理进来。 ? flexigrid参数说明: ??? height: 200,//flexigrid插件的高度,单

本文为转载 http://simple1024.iteye.com/blog/1171090


项目用到这玩意,像样的API都是英文的,英文不好,所以经过各种搜集,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",//搜索的操作符 ??? 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); ---------------------------------------------------------------------------------------------- 支持ajax跨域: ??? url中加callback=? ??? 后台获得callback函数的名字 ??? 返回json数据格式为:print(callbackName+"("+jsonString+")"); ---------------------------------------------------------------------------------------------- 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); ---------------------------------------------------------------------------------------------- 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,则自动根据所有字段生成下拉列表框

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读