最近把datatables熟悉了下,做了个小的demo,后来想下,以后要是用到类似的grid的时候,为什么不做个集合了,so就有了这个东西了。
项目采用的是spring3mvc+mybatis,应该还比较好用。
引入的js插件有:
数据库脚本在webapp/readme/下面
在一次加载2900条数据的情况下,sigmagrid和datatables相差不大,flexigrid就直接卡了半天。不过在小数据的时候,几个grid相差不大,
- datatables的ajax请求的格式被我改过了,我还是喜欢sigmagrid传到后台的格式,后台可以使用jackson直接转为Java对象。
- flexgrid自己改了个支持jquery的主题,改的不是很完美,不需要的,可以不用。
- sigmagrid准备改主题的,但是发现好像比较难啊。。后来就放弃了。
- 后期准备加入个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
分享到:
相关推荐
- 错误处理:学习如何识别和解决Flexigrid使用过程中可能出现的问题。 - 性能监控:分析数据加载、渲染等过程的性能瓶颈,优化代码以提高加载速度和用户体验。 通过深入学习和实践这个“含源代码的flexigrid JS ...
在项目中使用FlexiGrid,你需要在Web项目中创建一个新目录,例如`WebRoot/`,并将`flexigrid`文件夹中的所有内容复制到这里。接着,在JSP页面中,你需要设置一个HTML表格作为FlexiGrid的容器,例如`...
对于flexigrid的使用,各个参数的意义应该不用解释,网上资料很多。插件接收的数据格式对于刚接触的人来说是个麻烦,这是一位兄台的整理,不尽完美但会告诉你如何封装格式。
在Java环境中,FlexiGrid通常与Servlets结合使用,以服务器端的数据作为数据源,通过JSON格式进行数据传输。 首先,让我们深入了解一下FlexiGrid的核心特性: 1. **数据绑定**:FlexiGrid可以绑定到不同的数据源,...
### JQuery插件FlexiGrid之完全配置与使用 #### 一、引言 FlexiGrid是一款基于jQuery的轻量级表格插件,它为开发者提供了简单易用的方式来展示和操作数据表格。FlexiGrid支持多种功能,如排序、分页、筛选等,非常...
使用JavaScript来初始化Flexigrid,设置其配置项,例如分页、列定义等。例如: ```javascript $("#flex1").flexigrid({ url: 'server.php', // 数据来源 colModel: [ // 列定义 {display: 'ID', name: 'id', ...
Codeigniter Grid 使用方法 (flexigrid) 博客分类: Codeigniter / CakePHP ASPRailsRubyPHPGoogle 来源:http://codeigniter.com/forums/viewthread/75326/P0/ Updated: 6 September 2008 Although I love CI, ...
2. **数据源**:Flexigrid.js可以与各种数据源配合使用,包括JSON、XML、CSV等,只需提供正确的数据格式和URL,就能动态加载和展示数据。 3. **功能丰富**:它内置了多项功能,如排序(asc/desc)、分页、搜索、...
Flexigrid的使用说明: 1. 引入库:首先,你需要在HTML页面中引入Flexigrid的CSS和JavaScript文件。这通常包括`flexigrid.css`和`jquery.flexigrid.js`。同时,别忘了引入jQuery库,因为Flexigrid依赖于jQuery。 2. ...
使用Flexigrid时,首先需要选择一个元素作为数据网格的容器,例如`<div id="grid"></div>`。然后在JavaScript中初始化这个元素,如: ```javascript $("#grid").flexigrid({ url: 'your_data_source.php', // ...
这个使用手册将详细介绍如何使用FlexiGrid以及其主要属性。 一、FlexiGrid概述 FlexiGrid是一个轻量级的JavaScript插件,类似于Ext Grid,它允许用户通过Ajax动态加载数据,并可从HTML表格直接转化。FlexiGrid支持...
### FlexiGrid 使用教程 #### 一、FlexiGrid简介 FlexiGrid 是一款非常实用且功能强大的 jQuery 插件,用于实现数据表格的展示、排序、搜索、分页等功能。它提供了丰富的配置选项和自定义功能,适用于各种网页应用...
- 与Datatables相比,Flexigrid更轻量级,但Datatables提供了更多高级功能,如复杂的数据处理和高级过滤。 - 与jqGrid相比,Flexigrid的API可能相对简单一些,但jqGrid在功能上更为全面,特别适合大型企业级应用。...
《jQuery插件flexigrid使用总结与进一步优化》 在Web开发中,数据展示和交互是不可或缺的一部分。jQuery插件flexigrid是一款轻量级、功能强大的表格插件,能够帮助开发者快速构建具有分页、排序、搜索等功能的动态...
在实际开发中,`test.jsp`可能是一个示例页面,展示了如何在Java环境中集成和使用Flexigrid。`flexigrid-1.1`则是Flexigrid插件的版本文件,包含了必要的CSS样式表、JavaScript文件和可能的示例脚本,用于在网页中...
`jquery+flexigrid使用方法.doc`文档很可能是介绍如何将jQuery与Flexigrid结合使用的指南。在实际应用中,首先需要引入jQuery库和Flexigrid的JS及CSS文件,然后通过jQuery选择器找到需要转换为数据网格的HTML元素,...
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。 本资源为...
jQuery简化了DOM操作、事件处理和动画效果,使得flexigrid的使用更加简单便捷。通过jQuery,开发者可以快速实现诸如行选择、分页、排序和搜索等功能。 在flexigrid中,一些关键功能包括: 1. **数据分页**:...