分享

一个典型的 jquery flexigrid配置

 再生资源保存站 2014-03-18

 


{height: 200, //插件的高度,单位为px,高度也可以为auto,如果是auto,则有几行就会是几行的高度

    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,是否可以动态设置每页显示的结果数

   hideOnSubmit: true, //是否在回调时显示遮盖

    showTableToggleBtn: false, //是否显示【显示隐藏Grid】的按钮

    autoload: true, //自动加载,即第一次发起ajax请求

    blockOpacity: 0.5, //透明度设置

    onToggleCol: false, //当在行之间转换时,可在此方法中重写默认实现,基本无用

    onChangeSort: false, //当改变排序时,可在此方法中重写默认实现,自行实现客户端排序

    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点击头脚本报错。


    onSuccess: false, //成功后执行,这个挺有用

    onSubmit: false, // 调用自定义的计算函数,基本没用

    //Style

    gridClass: “bbit-grid”//样式

}


Flexigrid  colModel 的配置,在配置中 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的button设置

属性名        类型        描述

name        string        按钮名称

bgclass        string        样式

onpress        function    点击触发的方法

separator    bool        分割线

———————————————————————————————-


Flexigrid的searchitems配置

属性名        类型        描述

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

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

isdefault    bool        是否为默认搜索类型

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多