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

extjs表格Grid比较全面的功能

阅读更多
有很多人在做ext的grid时遇到了一些问题,今天有时间就写了一下,我这里提供了关于ext的grid一个比较全面的功能。
后台的数据我没用数据库,只是随便的写了一些假数据。包括grid的增删改查,全部做的是假数据。我只提供例子参考。实际开发过程中别按照我的方法写,但是可以按照这个思路来做。
页面主要功能:
1、分页。
2、带有下拉列表的选择页数分页。
3、grid的增删改查以及列的扩展
4、多选下拉列表。
5、带有分页的下拉列表。
6、动态生成单选按钮组。
7、动态生成多选框。
8、tbar换行。
9、日期控件带有年月日时分秒的我没写,在我博客中有一篇文章提到了。我用的是jscalendar来做的。
10、自定义验证。
11、一些组件的扩展和修改。
12、表格内容复制。

后台我写了当tomcat启动时自动启动浏览器功能了。可以在代码里查找一下。

功能我只写了这些,其实真正开发中这些已经基本够用了。我提供的代码仅供参考,实际开发别按照这样写就可以了,最好自己有一个良好的定义规则。

把项目下载下来直接部署到自己的myeclipse中就可以用了。编码是utf-8。只用了struts2来控制的。

我提供了一些做完的图片,可以参考一下。
  • 大小: 284 KB
  • 大小: 27.2 KB
  • 大小: 40.8 KB
  • 大小: 16.3 KB
  • 大小: 27.6 KB
分享到:
评论
2 楼 ForgetLove 2013-04-16  
厉害,项目布署完、启动tomcat,都能自己打开首页。求教,望楼主不略赐教啊。
1 楼 ForgetLove 2013-04-16  
初学,顶一个。

相关推荐

    Extjs4.2 Grid filter Demo 表格过滤实验

    这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》

    ExtJs表格grid中文排序函数方法

    这个函数是ExtJs框架提供的用于生成比较器的函数,它可以根据sorters参数来生成比较器。sorters参数是一个数组,每个元素都是一个sorter对象,sorter对象有两个属性:property和direction。property属性是要排序的...

    ExtJS grid过滤操作

    ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...

    ExtJs表格点击超链接获取行的值

    #### 一、ExtJs表格超链接渲染 在ExtJs框架中,我们经常需要在表格(`Ext.grid.Panel`)中显示超链接,并且当用户点击这些超链接时,能够获取到当前行的数据。为了实现这一功能,我们可以使用`renderer`函数对...

    ExtJS Grid功能实现

    ExtJS 表格的功能实现,包括单元格编辑,数据的获取。

    ExtJs6.5Grid列表导出(包含样式)

    在ExtJs 6.5版本中,开发人员经常需要实现数据导出功能,特别是对于Grid组件,这是一项常见的需求。Grid列表通常用于展示大量结构化的数据,而导出功能可以帮助用户将这些数据保存到本地,方便进一步分析或共享。...

    Extjs表格合并代码

    总结,实现ExtJS表格合并代码的关键在于理解表格组件的结构、配置和模板机制,并能妥善处理浏览器之间的兼容性问题。通过细心的CSS调整和对盒模型的深入理解,我们可以创建出在各种浏览器下表现一致的表格应用。在...

    ExtJs grid多选时获取选中的所有值

    其中,Grid Panel(简称 Grid)是ExtJs中最常用的一个组件之一,用于展示表格数据。在实际业务场景中,经常需要支持用户对表格中的多行数据进行选择,并执行批量操作,如删除、编辑等。因此,掌握如何在ExtJs Grid中...

    EXTJS grid导出EXCEL文件

    在EXTJS中,Grid组件是一个强大的数据展示工具,它允许用户以表格形式查看和操作大量数据。在EXTJS 3.2.0版本中,Grid提供了一个功能,可以将其中的数据导出到Microsoft Excel文件中,方便进一步的数据分析和处理。 ...

    ExtJS 使用grid显示数据

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端应用...阅读完整篇文章将有助于理解如何在实际项目中有效利用ExtJS的Grid功能。如果你对某个特定点有疑问或需要更详细的解释,可以进一步探索相关的文档或教程。

    ExtJS_grid.rar_Grid javascript_extjs grid

    这个"ExtJS_grid.rar"压缩包包含了关于学习ExtJS Grid的教程资源,特别是"第三节_ExtJS表格控件和树控件.pdf",它可能详细讲解了如何使用Grid以及与树形控件的结合。 1. **ExtJS Grid基本概念**: - **Grid Panel*...

    ExtJs Grid选择行

    在ExtJs框架中,Grid组件是一种非常常用的展示数据表格的方式,它提供了丰富的功能,包括数据的排序、分页、过滤以及行选择等。在实际应用中,经常需要根据用户交互来判断Grid中的行是否被选中,以便进行下一步的...

    ExtJs Filter 表格过滤

    在ExtJs中,"Filter"功能是用来处理数据网格(Grid)中的数据过滤,它允许用户根据特定条件快速筛选和查找所需信息。表格过滤是提高用户体验和数据管理效率的重要工具,尤其在处理大量数据时。 在"ExtJs Filter ...

    extjs动态表格实例(封装GRID,从STRUTS2读取后台数据 )

    它提供了丰富的组件库,包括表格(Grid)这样的核心组件,能够帮助开发者创建交互性强、功能丰富的数据展示界面。在这个"extjs动态表格实例"中,我们将探讨如何使用ExtJS封装Grid并从Struts2框架的后台获取数据。 ...

    extjs grid

    EXTJS Grid是EXTJS库中的一个核心组件,用于创建数据密集型的表格视图,它在Web应用程序中常用于展示和操作大量结构化数据。EXTJS Grid提供了丰富的功能,包括分页、排序、过滤、编辑等,使得用户可以高效地管理和...

    extjs grid示例代码

    ExtJS Grid是Sencha ExtJS框架中的一个核心组件,它用于构建数据驱动的表格视图。Grid组件在Web应用中广泛使用,因为它提供了强大的数据展示、排序、分页、筛选和编辑功能。以下是对`ExtJS Grid`示例代码的详细解析...

    EXTJS Grid总结例子

    EXTJS Grid是一款强大的数据展示组件,广泛应用于Web应用开发中,尤其在数据密集型界面设计时,EXTJS Grid以其高效的数据加载、灵活的分页、排序、过滤和自定义功能而受到开发者青睐。本总结例子将深入探讨EXTJS ...

    Extjs Grid 扩展实例

    "Extjs Grid 扩展实例"是一个演示如何增强Grid功能的实践案例,通过这个实例,我们可以学习到如何在原有Grid的基础上进行自定义扩展,实现更复杂的数据管理和用户交互。 首先,"extend"在编程中通常意味着类的继承...

    Extjs 表格

    下面将详细探讨ExtJS表格的这些功能。 1. **创建表格** 创建一个ExtJS表格首先需要定义一个`Ext.grid.Panel`实例,设置其配置项,包括数据源、列定义、存储配置等。例如: ```javascript var grid = Ext.create...

Global site tag (gtag.js) - Google Analytics