`
matychen
  • 浏览: 172465 次
  • 性别: Icon_minigender_1
  • 来自: 武汉外来务工人员
社区版块
存档分类
最新评论

flexigrid、sigmagrid、datatables使用

阅读更多

 

最近把datatables熟悉了下,做了个小的demo,后来想下,以后要是用到类似的grid的时候,为什么不做个集合了,so就有了这个东西了。

 

项目采用的是spring3mvc+mybatis,应该还比较好用。

 

引入的js插件有:

 

 

数据库脚本在webapp/readme/下面

 

在一次加载2900条数据的情况下,sigmagrid和datatables相差不大,flexigrid就直接卡了半天。不过在小数据的时候,几个grid相差不大,

 

 

  1. datatables的ajax请求的格式被我改过了,我还是喜欢sigmagrid传到后台的格式,后台可以使用jackson直接转为Java对象。
  2. flexgrid自己改了个支持jquery的主题,改的不是很完美,不需要的,可以不用。
  3. sigmagrid准备改主题的,但是发现好像比较难啊。。后来就放弃了。
  4. 后期准备加入个jqgrid。
下面是几个效果图片


 


 


 


 


 

  • mygrids.7z (806.9 KB)
  • 描述: maven构建的,jar包自己找
  • 下载次数: 1097
  • 大小: 127 KB
  • 大小: 112.6 KB
  • 大小: 111.1 KB
  • 大小: 102.5 KB
  • 大小: 160.7 KB
  • lib.7z (7.7 MB)
  • 描述: 有些同学难得去找jar包,这里上传了,jdbc驱动就自己加进去吧。
  • 下载次数: 912
分享到:
评论
2 楼 qyp1314 2012-02-13  
怎么部署介绍一下。
1 楼 object_object 2011-10-10  
太好了,我正在学习,寻找好的分页组件,谢谢了,非常感谢

相关推荐

    含源代码的flexigrid JS grid控件

    - 错误处理:学习如何识别和解决Flexigrid使用过程中可能出现的问题。 - 性能监控:分析数据加载、渲染等过程的性能瓶颈,优化代码以提高加载速度和用户体验。 通过深入学习和实践这个“含源代码的flexigrid JS ...

    FlexiGrid配置与使用

    在项目中使用FlexiGrid,你需要在Web项目中创建一个新目录,例如`WebRoot/`,并将`flexigrid`文件夹中的所有内容复制到这里。接着,在JSP页面中,你需要设置一个HTML表格作为FlexiGrid的容器,例如`...

    flexigrid的json格式使用说明

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

    FlexiGrid插件使用例子

    在Java环境中,FlexiGrid通常与Servlets结合使用,以服务器端的数据作为数据源,通过JSON格式进行数据传输。 首先,让我们深入了解一下FlexiGrid的核心特性: 1. **数据绑定**:FlexiGrid可以绑定到不同的数据源,...

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

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

    flexigrid使用实例

    使用JavaScript来初始化Flexigrid,设置其配置项,例如分页、列定义等。例如: ```javascript $("#flex1").flexigrid({ url: 'server.php', // 数据来源 colModel: [ // 列定义 {display: 'ID', name: 'id', ...

    Codeigniter Grid 使用方法 (flexigrid)

    Codeigniter Grid 使用方法 (flexigrid) 博客分类: Codeigniter / CakePHP ASPRailsRubyPHPGoogle 来源:http://codeigniter.com/forums/viewthread/75326/P0/ Updated: 6 September 2008 Although I love CI, ...

    flexigrid.js flexigrid.js flexigrid.js

    2. **数据源**:Flexigrid.js可以与各种数据源配合使用,包括JSON、XML、CSV等,只需提供正确的数据格式和URL,就能动态加载和展示数据。 3. **功能丰富**:它内置了多项功能,如排序(asc/desc)、分页、搜索、...

    Flexigrid与struts2的整合使用说明

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

    Flexigrid使用实例

    使用Flexigrid时,首先需要选择一个元素作为数据网格的容器,例如`<div id="grid"></div>`。然后在JavaScript中初始化这个元素,如: ```javascript $("#grid").flexigrid({ url: 'your_data_source.php', // ...

    FlexiGrid使用手册

    这个使用手册将详细介绍如何使用FlexiGrid以及其主要属性。 一、FlexiGrid概述 FlexiGrid是一个轻量级的JavaScript插件,类似于Ext Grid,它允许用户通过Ajax动态加载数据,并可从HTML表格直接转化。FlexiGrid支持...

    FlexiGrid使用教程

    ### FlexiGrid 使用教程 #### 一、FlexiGrid简介 FlexiGrid 是一款非常实用且功能强大的 jQuery 插件,用于实现数据表格的展示、排序、搜索、分页等功能。它提供了丰富的配置选项和自定义功能,适用于各种网页应用...

    Flexigrid-插件

    - 与Datatables相比,Flexigrid更轻量级,但Datatables提供了更多高级功能,如复杂的数据处理和高级过滤。 - 与jqGrid相比,Flexigrid的API可能相对简单一些,但jqGrid在功能上更为全面,特别适合大型企业级应用。...

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

    《jQuery插件flexigrid使用总结与进一步优化》 在Web开发中,数据展示和交互是不可或缺的一部分。jQuery插件flexigrid是一款轻量级、功能强大的表格插件,能够帮助开发者快速构建具有分页、排序、搜索等功能的动态...

    flexigrid表格功能丰富

    在实际开发中,`test.jsp`可能是一个示例页面,展示了如何在Java环境中集成和使用Flexigrid。`flexigrid-1.1`则是Flexigrid插件的版本文件,包含了必要的CSS样式表、JavaScript文件和可能的示例脚本,用于在网页中...

    flexigrid相关

    `jquery+flexigrid使用方法.doc`文档很可能是介绍如何将jQuery与Flexigrid结合使用的指南。在实际应用中,首先需要引入jQuery库和Flexigrid的JS及CSS文件,然后通过jQuery选择器找到需要转换为数据网格的HTML元素,...

    Flexigrid的使用(整合Struts2 )

    Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。 本资源为...

    jquery插件之flexigrid篇

    jQuery简化了DOM操作、事件处理和动画效果,使得flexigrid的使用更加简单便捷。通过jQuery,开发者可以快速实现诸如行选择、分页、排序和搜索等功能。 在flexigrid中,一些关键功能包括: 1. **数据分页**:...

Global site tag (gtag.js) - Google Analytics