`
wengcang
  • 浏览: 14777 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery flexigrid 插件参数说明

阅读更多
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,则自动根据所有字段生成下拉列表框

 

分享到:
评论

相关推荐

    jquery flexigrid

    jQuery Flexigrid是一款基于jQuery库的表格插件,专为网页数据展示提供强大的功能。它具有高度可定制性,支持分页、排序、搜索以及自定义列宽,使得网页中的数据管理更加便捷和灵活。 Flexigrid的核心特性在于其...

    jquery flexigrid 支持前台排序

    jQuery Flexigrid是一款功能强大的表格插件,它提供了丰富的自定义选项和操作,使得前端表格的呈现更加灵活。本文将详细介绍如何利用jQuery Flexigrid配合jQuery Tablesorter来实现前端的客户端排序功能,无需依赖...

    Jquery flexigrid插件 添加checkbox,(双击事件)onRowDblclick

    总的来说,Jquery Flexigrid插件提供了强大的数据展示和交互能力,通过合理的配置和事件监听,我们可以构建出符合用户需求的交互式数据表格。对于初学者来说,理解并熟练运用这些特性,能够提升web应用的用户体验。...

    jquery表格插件Flexigrid

    Flexigrid是一款基于jQuery的强大的表格插件,它允许开发者将数据以美观、可操作的表格形式呈现出来,类似于知名的JavaScript框架ExtJS的表格组件。这个插件的主要优点在于其灵活性和可定制性,能够满足各种复杂的...

    Jquery FlexiGrid JS

    **jQuery FlexiGrid JS** 是一个强大的前端数据网格插件,它基于流行的JavaScript库jQuery构建。这个插件允许用户在网页上展示大量数据,并提供排序、分页、搜索和自定义列功能,使得数据管理更加直观和高效。下面将...

    JQuery_插件FlexiGrid_之完全配置与使用

    ### JQuery插件FlexiGrid之完全配置与使用 #### 一、引言 FlexiGrid是一款基于jQuery的轻量级表格插件,它为开发者提供了简单易用的方式来展示和操作数据表格。FlexiGrid支持多种功能,如排序、分页、筛选等,非常...

    jquery FlexiGrid与asp.net 后台交互例子

    jQuery FlexiGrid 是一款功能强大的表格插件,它为Web应用程序提供了数据展示、排序、筛选、分页等丰富的功能。在ASP.NET环境下,FlexiGrid 可以与后台进行深度交互,实现数据的创建(Create)、读取(Read)、更新...

    jquery插件之flexigrid篇

    标题“jquery插件之flexigrid篇”揭示了本文将主要围绕jQuery库中的flexigrid插件展开,讨论其特点、用法和在PHP环境下的应用。由于描述中提到“这个版本是php的”,我们可以理解为flexigrid可以与PHP后端无缝配合,...

    FlexiGrid 插件简单应用

    它基于jQuery库,因此能够很好地与其他jQuery插件和库兼容,为开发者提供了灵活的数据展示和管理工具。在本教程中,我们将深入探讨FlexiGrid的简单应用,以及如何将其从英文版本转换为简体中文。 首先,让我们了解...

    jQuery插件flexigrid使用总结--进一步优化

    在实际项目中,你可以参考这个例子,创建自己的数据库结构,并结合flexigrid插件,实现数据的CRUD操作。 总之,flexigrid是一个强大且灵活的表格插件,适用于各种Web应用程序的数据展示。通过熟练掌握其使用方法并...

    Flexigrid-插件

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

    JQuery_插件FlexiGrid_之完全配置与使用.doc

    总的来说,JQuery FlexiGrid插件提供了一个强大且灵活的数据网格解决方案,允许开发者轻松地在网页中展示和管理数据。通过合理的配置和自定义,可以满足各种复杂的数据展示需求。在实际应用中,根据具体业务需求调整...

    jquery grid插件 Flexigrid + servlet

    Flexigrid是一款基于jQuery的网格插件,它提供了一种灵活、强大的方式来展示和操作数据,常用于创建数据密集型的Web应用。这个插件以其丰富的功能、自定义选项和用户友好的界面而受到开发者的青睐。在与servlet结合...

    强大的jQuery表格插件

    **jQuery表格插件详解** jQuery表格插件是前端开发中常用的一种工具,它极大地提升了HTML表格的功能性和用户体验。本文将深入探讨这些插件的特点、优势以及如何利用它们创建功能丰富的数据展示界面。 ### 1. ...

    FlexiGrid插件使用例子

    FlexiGrid是一款强大的jQuery插件,它用于创建可自定义的、高度动态的网格视图。这个插件在Web应用程序中特别有用,因为它允许用户轻松地处理大量的数据,提供排序、分页、过滤和编辑功能。在Java环境中,FlexiGrid...

    基于jQuery的FlexiGrid的插件使用和改造

    3. 初始化插件:使用jQuery选择器找到该div并调用flexigrid方法,传入必要的配置参数。 ```javascript $("#grid").flexigrid({ url: 'data.php', // 数据来源 colModel: [ // 列定义 {display: 'ID', name: 'id',...

    Jquery仿Ext表格flexigrid

    Flexigrid是一款基于jQuery的开源表格插件,它在功能和用户体验上模仿了Ext JS的Grid组件。这款插件以其轻量级、高效和丰富的特性,深受Web开发者喜爱,尤其适用于需要展示大量数据并进行排序、分页等操作的场景。 ...

    jquery+flexigrid使用方法.pdf

    Flexigrid是一款基于jQuery的插件,它提供了一种轻量级的方式来展示和操作网格数据,具有分页、排序、搜索等功能,特别适用于数据密集型应用。 1. **核心技术栈** 在这个技术方案中,使用的技术栈包括Struts2.1.6...

    SSH整合应用+Jquary+Flexigrid实现表格数据显示

    在这个实例中,SSH整合被用于实现一个数据列表的显示功能,利用了Jquery框架的Flexigrid插件。下面我们将详细讲解SSH整合的配置以及Flexigrid的使用。 首先,SSH框架的整合主要包括Spring负责控制反转和依赖注入,...

    flexigrid相关

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

Global site tag (gtag.js) - Google Analytics