`

[原创 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
分享到:
评论
44 楼 fins 2008-07-23  
这里

这里有最新的版本 以及文档

你现在看的这篇文章已经是将近一年前的了 这一年里代码重构了无数次了 变化很大的
43 楼 咖啡舞者 2008-07-23  
这个DEMO中将列顺序拖动几次后
会出现 排序 不起作用的问题?

42 楼 fins 2008-07-15  
请问你需要什么功能呢?? 说说看
41 楼 jose_java 2008-07-15  
还可以吧。。。。不是很强大  很多功能没有,,希望新的版本有所期待
40 楼 xiaoqi 2008-03-04  
好东西呀,学习中
39 楼 px_1 2007-10-13  
确实挺好,就是要能支持快捷键操作就好了。
38 楼 guoshiguan 2007-10-09  
绝对是好东西,LZ太好了,
37 楼 zzname 2007-10-09  
<font>不错,写些bug和建议支持一下.<br/>
bug:<br/>
 1,grid每行背景色问题。正常情况下,每行用不同颜色间隔开。当点击列排序后,每行并不是用颜色间隔开<br/>
 2,拖动列宽问题,上次提过,这次不提了。<br/>
 3,隐藏列宽问题。隐藏一列后,再拖动改变列宽,不正常了。<br/>
 4,锁定列宽问题。隐藏price列后,到锁定菜单还可以锁定price,点击锁定price,最后锁定的却是last updated<br/>
 <br/>
建议:<br/>
 在实际应用中总结需求,根据这些需求来扩展功能。脱离开实际应用来扩展功能,最后会发现花大量时间开发出来的功能真正使用的概率很小。<br/>
 比如:gt_grid.css这个文件中指定了&lt;body&gt;,&lt;form&gt;,&lt;td&gt;的样式,这在以后的使用中会很不方便。grid作为一个组件应用到一个页面上,往往这个页面有自己的css文件,决定了&lt;body&gt;,&lt;form&gt;,&lt;td&gt;的样式。这可能与gt_grid.css中指定的样式冲突。<br/>
 再比如:当滚动条和分页综合使用的时候,最方便使用的会是指定每页显示记录个数。而显示指定第几页会很少使用。</font>
36 楼 kaki 2007-10-09  
非常棒,期待ing...

35 楼 finly 2007-10-08  
长见识了...怎一个牛字了得...
34 楼 afacd 2007-10-02  
To fins

我刚有去看itext
发现有一个功能蛮不错的,就是PDF的开启密码

可以增加资料汇出的安全性
例如admin汇出的表格,密码会加入PDF里,避免他人观看
33 楼 fins 2007-09-30  
谢谢你的建议 功能的自定是肯定会提供的
翻页那部分还要以后考虑 我还是倾向后台分页的

多个js文件这个也是肯定的

谢谢你
32 楼 daoger 2007-09-30  
fins老兄,看你的GT Grid确实不错,你搞这个东东看来也是费了不少的工夫啊!我粗看了一下你得例子,还没有看源码,有一点想法,不对和不足的地方还请指正!

1. 数据显示区域下方的功能条的问题。最好还是能把功能做成可配置的,需要时就添加这个功能按钮!

2. 在分页上如果是先查询,之后在前端实现分页的话就要考虑效率的问题了!这个时候如果查询结果的数据量很大,加载会很慢,翻页和排序上也会有影响;我用dhtmlGrid时也有这个问题,我得做法是限制查询后的记录数到500,超过500条以后给提示,重新选择查询条件。

3. 尽量将功能点分散内聚到多个js文件中,需要的功能就加载具有这个功能的js文件,这样减小浏览器要加载文件的大小!

呵呵!一点想法,还得向fins学习!

31 楼 wang20051 2007-09-30  
好东东,期待更多惊喜
30 楼 fins 2007-09-29  
以后我会在博客里记录每天的开发日记,里面会记录一些开发的进展和开发过程中的心得.

今天先写了一点:

http://fins.iteye.com/blog/128284 

29 楼 fins 2007-09-29  
afacd 写道
To fins

希望GT Crid的PDF导出能支援繁体中文
之前请教你作法,我自己私底下试了很久还是弄不出

知道你很忙,所以不好意思再向你询问作法


这个会尽力的 ,就算是不直接支持 也要弄得更容易支持些
但是这个牵涉到后台 应该最后再实现

另外我对一些导出pdf的开源包不了解  只是觉得原先ecside里那个不好
想换成 itext 不知道大家有什么建议没


to gygcloud:

这个以后一定会加的.




28 楼 baibai326 2007-09-29  
嘿嘿,这个强,期待啊~~~~~~
27 楼 gygcloud 2007-09-29  
强烈建议在发布版本时.应在JS文件内容中注明版本号和日期.
如GTgride.version='2.0 rc3'
26 楼 afacd 2007-09-29  
To fins

希望GT Crid的PDF导出能支援繁体中文
之前请教你作法,我自己私底下试了很久还是弄不出

知道你很忙,所以不好意思再向你询问作法
25 楼 fins 2007-09-29  
支持打印当前页的应该比较快
但是支持全部的就要晚一些了 因为这个和后台数据库分页处理相关

相关推荐

    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