`

jQuery插件flexiGrid的完全使用,附代码下载

阅读更多
在这个例子中其实不光使用了flexiGrid,还有
<script type="text/javascript" src="js/jquery.draggable.js"></script>
<script type="text/javascript" src="js/jquery.resizable.js"></script>
<script type="text/javascript" src="js/jquery.linkbutton.js"></script>
<script type="text/javascript" src="js/jquery.shadow.js"></script>
<script type="text/javascript" src="js/jquery.dialog.js"></script>
<!-- 右键快显菜单 -->
<script type="text/javascript" src="js/jquery.contextmenu.packed.js"></script>
<!-- 调试插件 -->
<link rel="stylesheet" type="text/css" href="css/blackbird.css">
<script type="text/javascript" src="js/blackbird.js"></script>
<!-- 下拉列表框 -->
<!-- 这2个插件用法看http://gundumw100.iteye.com/blog/543977,跟本例无关-->
<script language="javascript" type="text/javascript" src="js/jQuery.FillOptions.js"></script>
<script language="javascript" type="text/javascript" src="js/jQuery.CascadingSelect.js"></script>
这些插件
可以先看看下面的图片
其中blackbird是个javascript调试插件,如果没有出现黑色窗口,按F2键显示。(若按F2无反应,请看这里http://gundumw100.iteye.com/blog/543170
代码实现了增加,修改,删除记录的完整的功能,为了方便大家顺利完成测试,附件中加了数据库文件,倒入 mysql,然后把Constants类中的数据库连接改成你的就可以了,应该很容易看懂。详细的代码我就不贴了,因为蛮长的。大家看一下图先,觉得有需要再下附件。
ps:该代码为纯servlet+jsp+javaBean,网上看到的都是php的,而且功能不全。
IE8,FF,chrome下测试通过(IE6,IE7下修改和查看数据时显示不出来,原因是“跨页面”取数据造成的,这里我没改这个bug)
如果想了解详细点,请看我的这2篇文章
http://gundumw100.iteye.com/blog/531131
http://gundumw100.iteye.com/blog/537355




  • 大小: 54.7 KB
  • 大小: 55.9 KB
分享到:
评论
13 楼 z390174504 2014-08-06  
这个dialog插件啊,老是报错的,一会能弹出,一会报错,对象不支持“dialog”属性或方法
12 楼 zhouhaijun_168 2013-06-07  
数据库生成不了
11 楼 jessica880314 2012-12-24  
gundumw100 写道
xuanye 写道
貌似flexigrid中的中文注释都是我加的,蓝色皮肤也是修改的,却看不到我的影子 悲剧啊。。

sorry,因为我也不知道是谁写的,我只是引用了你改的插件,然后再你的基础上写,只是用而已。

蓝色皮肤是怎么修改的,麻烦您讲讲,617092629@qq.com
10 楼 jessica880314 2012-12-24  
xuanye请问一下,蓝色皮肤是怎么修改的
9 楼 corelengine 2012-05-19  
写的不错支持一下
8 楼 javabrother 2010-07-19  
请问数据列表里面怎么合并单元格?
7 楼 Jangey 2010-05-27  
挺好的,试了下但数据读不出来
6 楼 xinyulou 2010-04-05  

1.6的编译不了,服了!
5 楼 gundumw100 2010-03-12  
xuanye 写道
貌似flexigrid中的中文注释都是我加的,蓝色皮肤也是修改的,却看不到我的影子 悲剧啊。。

sorry,因为我也不知道是谁写的,我只是引用了你改的插件,然后再你的基础上写,只是用而已。
4 楼 gundumw100 2010-03-12  
sorry,因为我也不知道是谁写了,我只是引用了你改的插件,然后再你的基础上写,只是用而已。
3 楼 xuanye 2010-03-12  
貌似flexigrid中的中文注释都是我加的,蓝色皮肤也是修改的,却看不到我的影子 悲剧啊。。
2 楼 gundumw100 2009-12-16  
stronghong 写道
下载包中,少了src里边的文件。

sorry,现已添加
1 楼 stronghong 2009-12-16  
下载包中,少了src里边的文件。

相关推荐

    jquery表格插件Flexigrid

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

    jquery插件之flexigrid篇

    总的来说,jQuery插件flexigrid是一个强大的工具,为Web开发人员提供了一种高效的数据展示解决方案。通过深入理解和应用,你可以创建出具有专业水准的数据管理界面,提升用户的操作体验。对于PHP开发者来说,它更是...

    jquery flexigrid 支持前台排序

    Tablesorter是一个轻量级的jQuery插件,它可以对HTML表格进行排序,无需任何服务器端的支持。 接下来,我们需要对Flexigrid的表格元素应用Tablesorter。首先,确保已经正确引入了Tablesorter的相关库,然后在页面...

    jquery 表格插件 Flexigrid

    总结来说,Flexigrid是jQuery生态中一款功能强大、易于使用的表格插件,对于需要展示和操作表格数据的Web应用来说,是一个值得考虑的选择。通过熟练掌握其配置和API,开发者可以构建出高性能、交互性强的数据展示...

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

    JQuery FlexiGrid 插件是一款强大的数据网格组件,用于在网页中展示和管理结构化的数据。它提供了丰富的功能,包括排序、分页、搜索、编辑和自定义操作按钮等。下面将详细介绍FlexiGrid的配置和使用方法。 首先,你...

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

    6. 插件扩展:利用jQuery插件机制,编写自己的扩展插件,实现更高级的功能,如拖拽列宽、列隐藏、列排序方式切换等。 通过以上介绍,我们可以了解到FlexiGrid的基本使用、功能扩展以及可能的改造方向。在实际开发中...

    Jquery FlexiGrid JS

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

    jquery grid插件 Flexigrid + servlet

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

    jquery+flexigrid+json的java例子(网上收集的)

    Flexigrid是一款基于jQuery的表格插件,它提供了一种灵活的方式来展示数据,具有分页、排序、搜索和自定义列宽等功能。在“jquery+flexigrid+json的java例子”中,Flexigrid可能被用于创建一个可交互的数据表格,...

    Jquery flexigrid使用

    ### Jquery Flexigrid 使用详解 #### 技术栈概览 本文档旨在介绍如何结合Struts2.1.6、Spring、Hibernate、jQuery、Flexigrid、Thickbox及MySQL来实现一个功能完整的Web应用。该应用的核心是通过Flexigrid在前端...

    Spring MVC+JPA+Jquery+Flexigrid修改简单示例

    4. **Flexigrid**:Flexigrid是一款基于jQuery的数据网格插件,用于展示和管理表格数据。它可以实现分页、排序、搜索等功能,提供了一种灵活的方式显示大量结构化的数据。在Spring MVC和JPA后端提供数据的基础上,...

    flexigrid相关

    Flexigrid是一款基于jQuery的轻量级数据网格插件,用于在网页中展示和操作表格数据。它提供了丰富的功能,包括排序、分页、搜索、列宽调整等,使得数据管理更加直观和高效。在“flexigrid.js”和“flexigrid.css”这...

    jquery的flexigrid无法显示数据提示获取到数据

    1. jquery的flexigrid组件:jquery的flexigrid是一个基于jquery的表格插件,用于在网页上创建具有排序、搜索、分页、编辑等功能的动态表格。它可以和后台数据进行交互,实现数据的动态加载和显示。 2. IE10浏览器...

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

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

    Flexigrid-插件

    下面我们将深入探讨Flexigrid的关键特性、使用方法以及与其他jQuery表格插件的比较。 1. **主要特性** - 分页:Flexigrid内置了分页功能,允许用户浏览大量数据时进行快速切换。 - 排序:用户可以对表格中的任何...

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

    Flexigrid是一款基于jQuery的强大的数据网格插件,它提供了丰富的功能,如分页、排序、搜索和自定义列。在开发web应用时,我们经常需要处理大量的表格数据,这时Flexigrid就能派上用场,它使得数据显示更加灵活且...

    jQuery常用插件大全pdf

    **知识点**: 面向方面编程特性的jQuery插件,能在任何函数前、后或替代执行,增强代码可维护性。 #### 12. jQueryPagination **知识点**: 分页插件,基于jQuery,适用于大量数据的分页显示,提高网页加载性能。 ##...

    FlexiGrid 插件简单应用

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

    Jquery仿Ext表格flexigrid

    由于Flexigrid是基于jQuery的,它可以轻松地与其他jQuery插件和库(如Bootstrap、jQuery UI)集成。同时,作为前端组件,它可以与各种后端框架(如Java、PHP、ASP.NET)配合,实现前后端分离的开发模式。 10. **...

    强大的jQuery表格插件

    - **ag-Grid**:虽然不是纯jQuery插件,但ag-Grid是一个高性能的表格库,适用于复杂的数据管理,支持大量的自定义选项。 ### 4. 插件的主要功能 - **数据绑定**:将后端数据动态绑定到表格,实现数据实时更新。 - ...

Global site tag (gtag.js) - Google Analytics