Jquery插件flexigrid的参数说明

摘自:http://www.cnblogs.com/chengulv/archive/2011/10/31/2230646.html


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,则自动根据所有字段生成下拉列表框
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值