一直现找个称手的Grid,在关注Ext Grid的时候顺便了解到了fins开发的Gt-grid,上星期偿试把它加入到我现在的一个项目和框架里,遇到了不少问题,我把它写出来,希望fins能看到。
首先,我认为Gt-grid(下面我简称它为GT)只是一个Grid,它只是一个展现数据的工具(fins不知道是不是跟我一样的想法,或者,他的目标是一个框架也有可能),而并不是一个框架,因此,我希望它对我原先系统或者框架的应用是无侵入的,也就是不应该改变我原先的项目及框架(服务端或者客户端)的操作使用习惯,要做到这一点,GT就要具有高度的可配制性来适合其它的框架或者组件(或者叫应用吧,当然,如果是一些新开工的小项目,也可以让项目来适应GT)。
Grid一般都有如下功能:
1 表格数据的展现;(基本的)
2 数据展现和编辑时的一些事件处理(我认为这些是开发企业应用的重要功能);
3 从服务端加载数据;(非必需的)
4 分页导航(重要的);
5 一些自定义的配制及样式(非必需的)
6 其它的扩展功能(非必需的)
先谈谈第一个遇到的第一个问题:
如果是从服务端load数据,pageinfo要求的格式是这样的{ pageSize : 20, pageNum : 0, totalRowNum :0,totalPageNum : 0, startRowNum :0, endRowNum :20 },很不巧,我用的服务端框架返回的数据格式(pageinfo)名称除了pageSize,data,其它的都不相同,当然,我的服务端名称是可配制的,返回这样格式的数据不存在问题,不过它会影响或者导致同一项目里的二种数据格式,如果GT能提供这些名称配制的方法(应该也是很容易的),这个问题就解决了。下一个问题是我遇到的第二个问题,我使用GT的主要目的是想用它来展现数据以及用到它的事件处理,这方面对比下来GT做得还是让我很满意的,也是我选择它的一个主要原因,另外一个原因就是GT的开发者是国人,沟通更方便。基于我的使用目的,我的问题也由此而来(需求真的是千奇百怪...),我希望我把数据给GT(Json,非服务端加载),它给我展现数据,这没什么问题,可是问题由此而来,GT自动根据我给出的数据记录数生成了分页,可那不是我想要的,我想要服务端load数据的那种分页,GT没提供给我,也就是说GT的分页不提供设置功能,要么你前台给我数据,我给你自动生成导航,要么我load服务端的,也给你自动生成,试用下来后好象没有其它方法了,查了API,只有getPageInfo,如果有setPageInfo,getPageNav(得到导航条内容),addPageNavTo(把导航导添加到某个容器里,比如div里),分页按钮的click事件支持.查看了API,GT没有NAV这方面的属性,也许是没有公开吧。第三个问题,日期控件的问题,以前没看到有日历控件,奥运会一开完,多了个难看的日历控件,提供自定义的使用日期控件的方法,是我所立刻想到的,否则,一个程序里有二个甚至更多的不同风格的日期控件也不是不可能。
最后是Select控件,可能弄起来比较难吧,如果能提供第三方的Select控件的支持,是不是更好。
下面想到的是添加扩展ToolBar,添加自定义按钮的功能(这些是扩展功能了)......,暂时想到这些了,以后想到了再继续来写。也许,有人看了后会说,你干脆让fins定制得了..........
分享到:
相关推荐
**正文** `gt-grid` 是一个强大的数据...通过学习和分析`doc1.txt`中的文档和`gtdemo1`中的代码,无论是初学者还是有经验的开发者,都能更好地掌握`gt-grid`,并将其应用于自己的项目中,提升数据展示和管理的效率。
在"gt_grid_demo"压缩包中,我们可以找到GT-Grid的示例代码,这将帮助我们了解其核心功能和实现方式。主要关注以下几个部分: 1. **HTML 结构**:GT-Grid 的HTML模板定义了表格的基本结构,包括列头、行数据等元素...
本基础教程旨在帮助初学者快速理解并掌握GT-Grid 1.0 的核心概念和基本操作,以便在实际项目中应用。下面将详细阐述GT-Grid 1.0 的关键知识点。 一、GT-Grid 1.0 概述 GT-Grid 1.0 是一个基于Java开发的分布式计算...
GT-Grid 是一款强大的数据网格组件,常用于前端开发中展示和操作大量结构化数据。在Web应用中,它提供了一种高效的方式来呈现表格数据,支持排序、筛选、分页、编辑等多种功能,大大提升了用户体验。这个压缩包文件...
GT-Grid 教程示例 GT-Grid 教程示例GT-Grid 教程示例GT-Grid 教程示例
本篇文章将深入探讨两种流行的JavaScript表格组件——GT-Grid和EXT-Grid,并通过对比分析它们的特点、功能和使用场景,以帮助开发者选择最适合项目需求的组件。 GT-Grid与EXT-Grid都是用于构建高性能、可定制的表格...
- **协作平台**:在团队协作工具中,gt-grid可以作为任务管理或项目进度的展示方式。 通过深入学习gt-grid的源码、开发工具和API手册,开发者不仅可以定制符合特定需求的表格组件,还能提升自己的前端开发技能,...
首先,你需要在项目中安装`gt-grid`。如果你的项目是基于npm的,可以通过以下命令添加依赖: ```bash npm install gt-grid --save ``` 然后在你的JavaScript文件中引入`gt-grid`: ```javascript import 'gt-grid...
"gt-grid"是一个常见的前端数据展示控件,通常用于创建高性能、可定制的表格,它在Web应用中广泛使用,特别是在大数据量的场景下。下面我们将详细探讨gt-grid的相关知识点。 1. **什么是gt-grid** gt-grid是一个...
(ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jspTag技术) GT-Grid 的主要 特性: Ajax实现 (翻页,数据的crud 基于ajax技术) 固定表头和工具栏 自定义复杂表头 可调整列宽: ...
在`dist`文件夹中,可能包含了预编译后的GT-Grid组件代码,包括CSS样式文件、JavaScript脚本以及必要的资源文件。这些文件可以直接引入到项目中,按照组件的文档指导进行配置和使用,实现高效的数据展示和管理。 总...
GT-grid是一款高效、易用的前端表格组件,它在最新的版本中提供了丰富的功能,包括但不限于分页、过滤、排序等,旨在帮助开发者更好地管理和展示数据,提升用户体验。以下是对GT-grid及其核心特性的详细介绍: 1. *...
在本示例中,“gt-grid 分页 用ajax 开发的 里面有例子”显然演示了如何使用`gt-grid`配合Ajax实现分页功能。 首先,我们需要理解Ajax的核心概念。Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的...
本文将深入探讨GT-GRID插件的核心特性、使用方法以及如何在项目中集成。 1. **核心特性** - 分页:GT-GRID支持分页,允许用户在大量数据中分块浏览,减少一次性加载的数据量,提高页面性能。 - 排序:用户可以...
在已有的项目中,使用 npm 或 yarn 添加 Vue-Grid-Layout: ```bash npm install vue-grid-layout --save # 或者 yarn add vue-grid-layout ``` Vue-Grid-Layout 提供了一个可拖动、可调整大小的栅格系统,它的...
学习完本章节后,你应该能够理解GT-Grid的基本结构、如何准备数据以及如何进行一些简单的个性化设置。这为后续更高级的应用打下了坚实的基础。如果想要了解更多高级特性,请参考官方文档或期待后续的高级教程。
2. `dist/`:发布目录,包含了编译后的JavaScript和CSS文件,可以直接在项目中引用。 3. `demo/`:示例和演示,展示了ng-grid的各种用法和功能,是学习ng-grid的好地方。 4. `docs/`:文档目录,包含了ng-grid的API...
2. **示例和文档**:`examples`目录下可能有多个示例项目,展示了如何在实际应用中使用`react-grid-layout`。`README.md`文件通常会提供详细的安装和使用指南。 3. **测试文件**:`test`目录下的文件用于验证组件...
标题中的“Draw-Grid_100_catia插件_catia车线_drawgrid_Draw-Grid下载_catia_”提到了几个关键元素,分别是“Draw...通过下载并安装此插件,用户可以提升CATIA软件的使用体验,特别是在需要大量使用网格参考的项目中。
- **Web Components**:遵循Web Components标准,可以在任何支持Web Components的环境中使用,如 Polymer 或者 Stencil 项目。 ### 3. ag-Grid Community特性 - **自定义渲染**:开发者可以使用自定义单元格渲染器...