当前位置: 首页 > 工具软件 > Flexigrid > 使用案例 >

flexigrid插件参数说明

邢修明
2023-12-01
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,则自动根据所有字段生成下拉列表框
 类似资料: