`

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,则自动根据所有字段生成下拉列表框
分享到:
评论

相关推荐

    flexigrid 参数说明

    下面将详细解释`flexigrid`参数说明中的各项设置: 1. `height`:设置flexigrid插件的高度,单位为像素,默认值为200px。这决定了网格可视区域的高度。 2. `width`:设定插件的宽度,'auto'表示根据每列的宽度自动...

    Flexigrid与struts2的整合使用说明

    Flexigrid的使用说明: 1. 引入库:首先,你需要在HTML页面中引入Flexigrid的CSS和JavaScript文件。这通常包括`flexigrid.css`和`jquery.flexigrid.js`。同时,别忘了引入jQuery库,因为Flexigrid依赖于jQuery。 2. ...

    flexigrid的json格式使用说明

    对于flexigrid的使用,各个参数的意义应该不用解释,网上资料很多。插件接收的数据格式对于刚接触的人来说是个麻烦,这是一位兄台的整理,不尽完美但会告诉你如何封装格式。

    flexigrid相关

    `Jquery_FlexiGrid配置参数说明.txt`文档会列出Flexigrid插件支持的所有配置参数及其用途。了解这些参数对于定制化插件的行为至关重要。例如,`width`用来设置表格的宽度,`height`设置高度,`colModel`定义列的属性...

    flexigrid.js flexigrid.js flexigrid.js

    Flexigrid.js是一款开源的JavaScript库,主要用于创建可伸缩的、高度自定义的数据网格,它为Web开发者提供了强大的数据展示和操作功能。在网页应用中,数据网格是一种常见的组件,用于显示大量的结构化数据,并支持...

    jquery插件之flexigrid篇

    开发者可以通过设置各种参数,如colModel定义列的属性,params设置请求参数,以及url指定数据来源,实现数据的加载和操作。 标签“jquery”表明这是关于JavaScript库jQuery的知识,而“flexigrid”则强调了我们讨论...

    FlexiGrid配置与使用

    FlexiGrid是一款基于JQuery的表格插件,用于在网页中展示数据,具有分页、排序、筛选等功能,常用于后台管理系统中数据的展示。...正确配置和理解其各个参数,可以帮助开发者高效地实现数据展示和操作功能。

    jquery flexigrid

    例如,`$.fn.flexigrid`是初始化Flexigrid表格的主要函数,通过传递一个包含配置项的对象参数来定制功能。如`url`用于指定数据来源,`colModel`定义列的属性,包括列名、宽度、是否可排序等。 在实际应用中,...

    Flexigrid demo

    Flexigrid demo

    flexigrid表格功能丰富

    Flexigrid是一款基于jQuery的强大的表格插件,它提供了丰富的功能和灵活的配置选项,使得在Web应用中创建和管理表格变得更为简单。在“flexigrid表格功能丰富”这一主题下,我们可以深入探讨Flexigrid的核心特性以及...

    jquery表格插件Flexigrid

    4. **插件初始化**:通过调用`$.fn.flexigrid`函数来初始化表格,需要传入一系列配置参数,如colModel(列定义)、url(数据源)、method(请求方式)等。colModel定义了每一列的字段名、宽度、对齐方式等属性。 5....

    Flexigrid使用实例

    - **分页**:Flexigrid内置了分页功能,只需配置`pager`参数并返回正确的数据总条数即可。 - **排序**:通过设置`sortname`和`sortorder`,用户可以对表格进行排序。点击列头会自动触发排序。 - **搜索**:通过...

    Flexigrid-master表格插件

    Flexigrid是一款基于jQuery的强大的表格插件,它在Web应用中被广泛使用,用于创建交互式、可自定义的网格视图。Flexigrid以其灵活性和易用性著称,能够满足各种复杂的表格需求。以下是对Flexigrid主要功能和特性的...

    FlexiGrid使用手册

    FlexiGrid是一个基于jQuery的网格组件,用于展示和操作数据,具有丰富的特性和自定义功能。这个使用手册将详细介绍如何使用FlexiGrid以及其主要属性。 一、FlexiGrid概述 FlexiGrid是一个轻量级的JavaScript插件,...

    Flexigrid-插件

    - 初始化表格:通过HTML标记定义表格结构,并通过JavaScript初始化Flexigrid插件,设置相应的参数如列定义、URL、分页配置等。 - 数据绑定:通过AJAX请求获取服务器端数据,然后调用Flexigrid的load方法加载数据。...

    jsp中flexigrid插件在ie下样式问题

    **步骤1:**检查FlexiGrid官方文档中关于IE兼容性的说明,并根据需要调整CSS代码。 **步骤2:**使用条件注释加载针对IE8的特殊样式表: ```html <!--[if IE 8]> <![endif]--> ``` **步骤3:**对于DOM操作问题,...

    jquery插件之flexigrid学习实例-jar包

    Flexigrid是一款基于jQuery的表格插件,它提供了丰富的功能,如数据分页、排序、搜索和自定义列宽等,极大地增强了网页中表格的展示效果和交互性。在"jquery插件之flexigrid学习实例-jar包"中,我们主要关注的是如何...

    FlexiGrid 插件简单应用

    5. **pager**: 是否开启分页功能,以及分页参数如每页显示记录数。 在将FlexiGrid从英文版本转换为简体中文时,我们需要关注以下几个方面: 1. **语言文件**: FlexiGrid通常包含一个语言文件,如`lang.js`,其中...

Global site tag (gtag.js) - Google Analytics