`

[原创 2007-9-28 ]GT Grid (原ECSide) 最新Demo发布

阅读更多
这个demo和以前一样 依然只是一个前台的展示.
具体的特性请大家自己体会吧
欢迎提bug

目前具备的特色:
0 支持列表主菜单,以及一些辅助功能(点击列表左下角的图标)
点击后出来的菜单暂时均为开关式(需要单击展开/关闭,而不是鼠标悬停/移出时开闭)
翻页 编辑 导出 打印 等按钮暂时没有相应功能,点击后并不会有什么变化.
1. 支持固定的表头和工具栏.
2. 改变列宽: 拖动列表表头之间的分割线.
3. 可改变列的相对位置: 按住ctrl 键不放,拖动列表表头.
4. 支持按列排序,点击表头栏,将在 acs desc 默认排序 三者之间切换. 5. 支持行选择(按ctrl多选),选择方式类似在windows的资源管理器里选择文件.
6. 支持数据编组.(建议先排序后再编组)
7. 支持列锁定: 要锁定的列(0--4)   
8. 支持列隐藏
9. 可改变列表区域的大小: 拖动工具栏右下角的大小调整图标.
10. 支持换肤
11. 不依赖任何第三方的ajax/js组件,代码体积更小,更专注于列表的实现.

目前只在 IE6 FF2下进行测试 以后会扩展到opera 但是safari暂时不会考虑(我缺少相关的资料和技术知识,很多东西在safari里不知道怎么实现 郁闷) 


补充几句

目前列表依然使用ext-grid的风格(其实ext-grid的风格也是学的excel2007),
但是我保证GT-Grid 绝对不是对ext grid的封装.100%原创作品.

GT-Grid更专注于列表的实现,虽然有些地方要比EXT-grid弱,但是同样也有自己的长处.
GT-Grid速度更快, 体积更小, API更简单易用.

以后还将推出配套的服务端代码,实现与后台数据的交互,如数据导出 数据表CRUD等等.



  • 描述: 部分截图
  • 大小: 14.8 KB
分享到:
评论
24 楼 llying 2007-09-29  
什么时候可以推出支持打印的版本~!
23 楼 zgh207 2007-09-28  
我们都一直在关注。。。。。。
22 楼 karisen 2007-09-28  


哈哈 不错 不错

期待公测版的发布


21 楼 suzhj 2007-09-28  
支持,正在使用ecside2.0,集成进了我们的Struts2+S+H框架,实现了CRUD、Server端分页、过滤、排序和batch操作的服务器端集成。客户端与dojo0.9的layout和Ajax集成。

有些缺憾就是批量添加和修改的表单验证没办法做。所以只能在强烈需求批量操作的时候才用。

期望全新的GTGrid,但是感觉升级时会有很多麻烦啊!
20 楼 庄严 2007-09-28  
支持原创啊!希望fins越做越好,GT Grid功能越来越强大!
19 楼 fins 2007-09-28  
过滤 多重排序 编组后 组内排序 肯定是会有的

行高调整这个比较难弄 我打算只支持两种:
1 默认高度
2 让内容自动换行 自动撑开行高

手动调节我不认为有什么太大的必要啊.


还有一点要说明的是很多功能是 互斥的
也就是说 你要使用这个功能 那么另外一些可能就不能用了
这里面有技术问题 也有应用场景的问题

这个以后我会再好好分析整理出一个 "互斥功能列表的"
18 楼 mhere 2007-09-28  
再说一句,表格的行高度是否考虑支持拖拽啊?不要嫌我罗嗦哦
建议而已,呵呵
17 楼 mhere 2007-09-28  
列的筛选功能好像没有了,是不是在以后的版本中还会存在啊?
这个功能很好用啊,千万别丢了啊,fins兄
16 楼 mhere 2007-09-28  
不过,多列排序的功能什么时候fins才能考虑一下加进来啊
我相信现在有很多人都很需要这个功能啊
15 楼 bjwulin 2007-09-28  
高级啊。不过要考虑ECSide升级到GT Grid。
14 楼 fins 2007-09-28  
复杂表头 自定义表头肯定是会支持的
目前ecside有的特性不会没的

下一个demo打算把 自定义表头 统计等功能带上 敬请期待
13 楼 gygcloud 2007-09-28  
请教一下.GT-grid支持双表头不?如:
----------------------------------------------------
         第一季度          |     第二季度...
----------------------------------------------------
1月收入 | 2月收入 | 3月收入 |4月收入 | 5月收入 | 6月收入 |
-----------------------------------------------------
10元    |   20元  | 10元    | 20元  | 10元    |   20元  |
-----------------------------------------------------
10元    |   20元  | 10元    | 20元  | 10元    |   20元  |
12 楼 fins 2007-09-28  
呵呵 谢谢支持
不过那个排名 和博客质量 以及 博主水平一点关系也没有啊

靠后的 dlee 白衣 gigix 他们才是大牛呢 呵呵 努力向他们学习
大家一起加油 呵呵
11 楼 h819 2007-09-28  
看看 javaeye 的 “博客点击排行榜”

fins 不用到年底,一定会到第二名

关注的人真多啊
10 楼 h819 2007-09-28  
等俺有钱了,弄个服务器,一定给你块地方做好事
9 楼 mhere 2007-09-28  
非常棒,期待ing...
8 楼 godson_2003 2007-09-28  
fins 总会给我们带来一些惊喜

期待中
7 楼 liyao20050101 2007-09-28  
不错 不错  真的好东西
6 楼 lxxing 2007-09-28  
强,正在使用ecside2.0,期待中...
5 楼 fins 2007-09-28  
gygcloud 写道
建议:
1.左下角的菜单可以自定义
2.支持自定义JS插入行.如开票每天要选取插入上千行商品明细,不可能靠鼠标点来增加行.


1 是支持自定义的 这个放心. 有相应的 jsAPI支持.
2 谢谢建议 自动添加若干行 确实应该提供

相关推荐

    gt-grid.rar+demo

    "gt-grid.rar+demo"这个压缩包文件包含的是关于"gt-grid"的样例源码。"gt-grid"是一个常见的前端数据展示控件,通常用于创建高性能、可定制的表格,它在Web应用中广泛使用,特别是在大数据量的场景下。下面我们将...

    gt-grid demo 源码下载

    本次我们将通过"gt_grid_demo"源码下载来深入理解GT-Grid的运作机制及其与后台数据交互的方式。 一、GT-Grid 概述 GT-Grid 是一个高度可定制的数据展示框架,它提供了丰富的功能,如排序、分页、过滤、编辑等,...

    Ag-Grid Demo2.7z

    在这个"Ag-Grid Demo2.7z"压缩包中,你将找到一个示例项目,展示了如何在实际应用中使用ag-grid。 一、ag-grid简介 ag-Grid是一款开源的JavaScript/HTML5数据网格,它能够有效地展示和操作大量数据。它的特性包括但...

    GT-Grid 教程示例

    GT-Grid 教程示例 GT-Grid 教程示例GT-Grid 教程示例GT-Grid 教程示例

    gt-grid的一个例子

    在这个“gt-grid的一个例子”中,我们将深入探讨如何使用`gt-grid`的基本功能,并通过实际代码示例来理解其工作原理。 首先,`gt-grid` 提供了灵活的数据绑定机制,可以方便地将后台数据源与前端表格进行对接。在...

    最新的GT-Grid vs EXT-Grid例子(超级经典)

    本篇文章将深入探讨两种流行的JavaScript表格组件——GT-Grid和EXT-Grid,并通过对比分析它们的特点、功能和使用场景,以帮助开发者选择最适合项目需求的组件。 GT-Grid与EXT-Grid都是用于构建高性能、可定制的表格...

    GT-Grid 1.0 基础教程

    GT-Grid 1.0 是一个强大的分布式计算框架,它为大数据处理提供了高效、灵活的解决方案。本基础教程旨在帮助初学者快速理解并掌握GT-Grid 1.0 的核心概念和基本操作,以便在实际项目中应用。下面将详细阐述GT-Grid ...

    GT-grid 例子

    GT-Grid 是一款强大的数据网格组件,常用于前端开发中展示和操作大量结构化数据。在Web应用中,它提供了一种高效的方式来呈现表格数据,支持排序、筛选、分页、编辑等多种功能,大大提升了用户体验。这个压缩包文件...

    gt-grid 基础教程

    **gt-grid基础教程** 在网页开发中,数据的展示往往是不可或缺的部分,特别是在处理大量结构化信息时。`gt-grid`是一款由"胖哥"开发的高效、功能丰富的表格组件,专为页面展示设计,旨在帮助开发者更便捷地构建数据...

    Grid布局综合Demo案例

    `grid-row`和`grid-column`属性可以用来指定一个网格项应跨越的行和列数量,而`grid-area`属性则可以结合`grid-template-areas`将一个元素放置到预定义的网格区域。例如: ```css .item1 { grid-row: 1 / 3; grid...

    GT-Grid 是一个基于Ajax技术的列表组件

    (ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jspTag技术) GT-Grid 的主要 特性: Ajax实现 (翻页,数据的crud 基于ajax技术) 固定表头和工具栏 自定义复杂表头 可调整列宽: ...

    propertyGrid 属性处理演示demo

    在这个"propertyGrid 属性处理演示demo"中,我们将深入探讨`PropertyGrid`的用法、功能以及如何动态地操作它。 首先,`PropertyGrid`是Windows Forms库中的一个控件,通常用于创建数据绑定和配置界面。它能以网格的...

    grid表格 简单demo

    本示例"grid表格 简单demo"旨在介绍如何使用ExtJS库创建一个基本的Grid表格,帮助开发者理解其核心概念和功能。 ExtJS是一个强大的JavaScript框架,用于构建富客户端Web应用。它提供了丰富的组件库,其中Grid组件是...

    NVIDIA-GRID-vSphere-7.0-440.87-443.05.zip

    5. "440.87-443.05-grid-vgpu-release-notes-vmware-vsphere.pdf":发布说明,列出了此版本的更新内容、已知问题和解决方法,有助于用户了解新特性并解决可能出现的问题。 6. "440.87-443.05-grid-gpumodeswitch-...

    GT-GRID插件下载

    GT-GRID是一款基于jQuery的强大的数据网格插件,主要用于展示和操作大量结构化的数据。它在Web应用中常被用于创建功能丰富的表格,提供类似数据库的分页、排序、过滤和编辑功能,使得用户可以方便地浏览和管理数据。...

    前端开源库-ag-grid-community

    - **安装**:通常通过npm或yarn进行安装,例如`npm install ag-grid-community`。 - **初始化**:在项目中引入ag-Grid,并创建数据网格实例,设置数据源和列定义。 - **文档与示例**:ag-Grid提供详尽的官方文档和...

    NVIDIA-GRID-Linux-KVM-470.63-470.63.01.zip

    此压缩包"NVVIDIA-GRID-Linux-KVM-470.63-470.63.01.zip"包含了与NVIDIA GRID相关的两个关键组件,以及一系列相关的文档,这些文档提供了详细的安装指南、更新说明和用户手册。 首先,我们来看一下两个主要的运行时...

    最新版GT-grid-好用的表格组件

    9. **API与插件体系**:GT-grid拥有完善的API接口,允许开发者进行深度定制和扩展。此外,其插件体系允许添加额外的功能,如导出数据、打印表格等。 10. **文档与示例**:为了方便开发者快速上手,GT-grid提供了...

    网页Grid组件 GT-Grid组件

    9. **API与事件**:GT-Grid提供详尽的API接口和事件机制,使得开发者可以精确控制表格的各个行为,如数据加载、状态改变等。 10. **文档与示例**:内附的说明和例子对开发者来说是极有价值的资源,它们可以帮助快速...

    使用vue实现grid-layout功能实例代码

    使用 Vue 实现 Grid Layout 功能实例代码 本文主要介绍了使用 Vue 实现 Grid Layout 功能的代码讲解,涵盖了基本布局、节点排版、拖拽事件等多个方面的知识点。 基本布局 在实现 Grid Layout 功能之前,首先需要 ...

Global site tag (gtag.js) - Google Analytics