`
yghjoe
  • 浏览: 20013 次
  • 性别: 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  
初学,顶一个。

相关推荐

    ExtJS Grid功能实现

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

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

    功能: 中文排序功能 具体: 实现按照中文信息,进行排序 用法: 将此方法,放到ext-all.js文件最后,或者放到html页面最上面,总之要在Ext初始化之后,实际代码调用之前执行。

    extJs grouping分组源码

    extJs grouping分组源码 类似qq分组功能

    实现extjs4 的树、grid、form、query等大部分组件的功能

    实现extjs4 的树、grid、form、query等大部分组件的功能

    Ext.net实现GridPanel拖动行、上移下移排序功能DEMO

    对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...

    ExtJS(ajax框架) 4.2.1

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...

    extjs表格文本启用选择复制功能具体实现

    extjs提供了方便的表格组件grid供使用,但是默认情况下表格中的文本是不能被选中的,自然也是无法复制的,下面就为大家介绍下选择复制功能如何启用,感兴趣的朋友可以了解下

    extjs2.2.1

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,推拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    ext.net-extjs

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    extjs3.2 资源包文件

    再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...

    EXTJS 3.3.1例子

     再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格...

    jq-extgrid v1.2 表格插件

    extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...

    Extjs中文文档.pdf

     再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件...

    Ext Grid表格分组统计

    Ext表格分组并且带有统计功能的完整例子

    深入浅出ExtJS第2版

    深入浅出ExtJS第2版+源码..1 下载EXT发布包 1 1.2 如何查看EXT自带的API和示例 1 1.3 为什么有些示例必须放在服务器上 才能看到效果 2 1.4 Hello World 2 1.4.1 直接使用下载的发布包 2 1.4.2 在项目中使用EXT...

    ExtJS 2.0 GridPanel基本表格简明教程

    ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store。表格的列信息由类Ext.grid.ColumnModel定义、而表格的数据存储器由Ext.data.Store定义,数据存储器根据解析的数据不同分为JsonStore、...

    在Ext的grid里实现带radio单选功能的gridlist

    在Ext的grid里实现带radio单选功能的gridlist

    extjs4.0开发技术文档

    再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里...

Global site tag (gtag.js) - Google Analytics