`

★列表组件 GT-Grid 最新版本 & 基础教程. (09年01月15日 2:40 AM 更新)

阅读更多
=============================
[发布]GT-Grid 1.42 版 ★& "前后台结合示例"★2009-01-15更新

=============================

欢迎大家参与 : GT-Grid用户问卷调查(一)

欢迎大家去这里报告bug : ★汇总★GT-Grid "缺陷,、bug、计划"汇总

欲查看GT-Grid的截图,请猛击这里

=============================
GT-Grid基础教程 系列: (欢迎大家能够对教程提出宝贵建议和意见  谢谢)

已完成章节 :

GT-Grid 1.0 基础教程(一) 第一章: 从"纯客户端只读列表"开始

GT-Grid 1.0 基础教程(二) 第二章: 让"纯客户端只读列表"变得更强大一些吧

GT-Grid 1.0 基础教程(三) 第三章 没有分页怎么行

GT-Grid 1.0 基础教程(四) 第四章 服务端数据的加载(上)

GT-Grid 1.0 基础教程(五) 第五章 服务端数据的加载(下)

GT-Grid 1.0 基础教程(六) 第六章: 可编辑列表 之 编辑器的使用

GT-Grid 1.0 基础教程(七) 第七章: 可编辑列表 之 删除记录 以及 数据提交

GT-Grid 1.0 基础教程(八) 第八章: 可编辑列表 之可编辑列表 之 添加记录

GT-Grid 1.0 基础教程(九) 第九章: 排序

GT-Grid 1.0 基础教程(十) 第十章: 事件

GT-Grid 1.0 基础教程(十一) 第十一章: 工具栏与列表菜单

GT-Grid 1.0 基础教程(十二) 第十二章: 自定义表头

(其他章节撰写ING...)



=============================
关于 后台示例

这个例子 主要演示了 gt-grid与后台结合的方法.
请大家重点看action 里是如何从客户端取数据 以及如何向客户端送数据的

而其他地方 例如action如何实现的 , dao层是如何实现的 等等不是大家要看的重点.

dao层只要能返回一个 数据集合 并且这个集合能够转换成json字符串
那么dao层怎么实现 完全按你自己的意愿来.

这个示例中提供了一个 GridServerHandler的工具类, 建议看看这个类的实现方法
这样能更好的理解 gt-grid和后台交互的方式以及原理.

整个示例的后台代码 我没有使用任何第三方框架 所以难免粗糙 还请大家海涵.


=============================
关于 java 和json 的互相转换.

很多朋友 问我 复杂的java对象与json之间如何转换.
目前 gt在服务端提供的辅助代码功能还有限 所以对于这个需求 暂时帮不上忙
但是大家可以 自行参照示例 来实现, 不难的 ,利用 json-lib之类的 更强大的json工具包可以轻松实现.

其实 目前提供导出xls 和 java&json互转 这两个功能  大家可以看作是一个参考实现.
大家没必要完全依赖它们. 看一看它们是怎么和gt-grid的前端交互的,
知道原理之后 自己实现 无论从功能还是 性能上 应该都会好很多.


=============================

希望关注GT-Grid的朋友,可以抽空去看一下我下面这篇blog :
   我有一个梦  


我需要你们的支持 来让我把梦做下去.
也欢迎泼冷水, 让我更加清晰的调整自己的思路.

谢谢


分享到:
评论
156 楼 fins 2009-02-06  
大家在这里报告的bug 我都看到了
虽然没有一一回复

但是 下一个版本 中会尽量修正这些bug的

下周的某个时间会发布新版本
155 楼 rocbond 2009-02-06  
我下了1.42最新版

关掉网页后就会报一个角本错误

'rows'为空或不是对象


fins这是怎么回事啊,,之前用1.36的时候没问题,,现在换成l.42就报这个错了,,直接关掉有grid的页面就会报上面这个角本错误
154 楼 wdnlw2004 2009-02-06  
有这样一个问题,demo里的学生案例4“表单查询 & 主从表示例 (客户端分页)”比如现在编号为6的有一个院系,数据总共2页,我在第二页上输入查询条件编号为6,但是此时我点查询按钮并不能查询出编号为6的院系,再点一次查询按钮却能查询出编号为6的院系。
153 楼 fins 2009-02-04  
wdnlw2004 写道

请问,gt支持多浏览器吗?

支持的
152 楼 wdnlw2004 2009-02-04  
请问,gt支持多浏览器吗?
151 楼 rocbond 2009-02-03  
我下了1.42最新版

关掉网页后就会报一个角本错误

'rows'为空或不是对象
150 楼 329368716 2009-01-19  
jevy30 写道

初次接触,很轻很强大!
有没有树的控件?或者介绍个?
非常感激!

dTree
149 楼 supercwg 2009-01-19  
听说fastexcel比jxl效率更高更简单,是不是真的?
148 楼 talangniao 2009-01-16  
如果我使用多选框获取选择的值,获取到值--数组,比如demo中的平均分这个伪列的值,
我应该怎样屏蔽掉这个值,不让获取到?
147 楼 王牌海盗 2009-01-16  
fins 写道

你alert一下  response.exception 就知道了

在你这种情况下

response.exception 应该等于你那个错误页面的html代码

=========================

其实你针对ajax请求应该做一些特殊处理

例如  session超时时 如果发现是ajax请求 那么就返回 错误信息 以及要跳转的页面url

然后你在 loadFailure 方法里 做判断 并进行跳转


呵呵,谢谢小胖。我已经这样处理的 在gt调用的url后面加个isAjax=ture的参数,然后在拦截器里进行是否是异步调用的判断。
146 楼 fins 2009-01-16  
你alert一下  response.exception 就知道了

在你这种情况下

response.exception 应该等于你那个错误页面的html代码

=========================

其实你针对ajax请求应该做一些特殊处理

例如  session超时时 如果发现是ajax请求 那么就返回 错误信息 以及要跳转的页面url

然后你在 loadFailure 方法里 做判断 并进行跳转
145 楼 王牌海盗 2009-01-16  
fins 写道

王牌海盗 写道
fins 你好在使用GT的时候遇到个问题,GT异步调用action请求时,此时若session失效,此时被登录拦截器拦截redirect到登录页面,而GT是将此页面源码以异常的形式alert出来的。从而无法跳转到登录页。这个有没有好的解决办法?


你可以重写gt的

loadFailure(response)
saveFailure(response)

方法 来做你自己的个性化判断 以及错误处理


这个response对象里有哪些属性和方法呢?
144 楼 fins 2009-01-15  
xiaohui6636 写道

fins请教一个问题: 载入数据时记录的内容里面有换行符或引号的时候整个Grid无法显示,怎么解决..???


我测试了一下 在我这里没有这个问题.

请问数据到json串的转换 你是怎么做的?

怀疑在转换时有问题 没有做必要的字符转译
导致gt接收到的字符串并不是 合法的json串
143 楼 xiaohui6636 2009-01-15  
fins请教一个问题:
载入数据时记录的内容里面有换行符或引号的时候整个Grid无法显示,怎么解决..???
142 楼 fins 2009-01-15  
王牌海盗 写道

fins 你好在使用GT的时候遇到个问题,GT异步调用action请求时,此时若session失效,此时被登录拦截器拦截redirect到登录页面,而GT是将此页面源码以异常的形式alert出来的。从而无法跳转到登录页。这个有没有好的解决办法?


你可以重写gt的

loadFailure(response)
saveFailure(response)

方法 来做你自己的个性化判断 以及错误处理
141 楼 王牌海盗 2009-01-15  
fins 你好
在使用GT的时候遇到个问题,GT异步调用action请求时,此时若session失效,此时被登录拦截器拦截redirect到登录页面,而GT是将此页面源码以异常的形式alert出来的。从而无法跳转到登录页。这个有没有好的解决办法?
140 楼 itlieying 2008-12-29  
页面代码是
胖哥,请教你个问题,是关于Gtgrid显示问题的,我现在使用的grid是12.1号发布的版本.
<link rel="stylesheet" type="text/css" href="/pro/GTGrid/gt_grid.css" />
<script type="text/javascript" src="/pro/GTGrid/gt_msg_cn.js"></script>
<script type="text/javascript" src="/pro/GTGrid/gt_grid_all.js"></script>

<div id="grid1_containerf163" style="overflow-x:auto;overflow-y:auto;height:300px;margin:10px 5px"></div>

<script type="text/javascript" >
var dialogEditor = function(){			
	var myd = new GT.DialogEditor({
	id: "sqlEditor",
	gridId : "grid1" ,					
	width : 320,
	height : 200,
	title : '查询条件编辑器' ,
	body : ['<textarea id="sql_input" rows="8" cols="20" style="width:99%"></textarea><br/>',
			'<input type="button" value="确定" onclick="GT.$grid(\'grid1\').activeDialog.confirm()"/>'].join(''),
	getValue : function(){
		return GT.$("sql_input").value;
	},
	setValue : function(value){
		GT.$("sql_input").value = value;
	},
	active : function(){
		GT.U.focus(GT.$("sql_input")); 
	}
	});
	return myd;
};
var gridConfig={
	id : "grid1",	
	loadURL : '/pro/data/dataLoad.do' ,
	saveURL : '/pro/data/dataSave.do' ,		
	remotePaging : true,
	columns : [{ id : 'no' , header : ' ',width : 99 , align : 'center', frozen : true },{ id : '01' , header : '男生总数(1班)' , width:99 ,align : 'center',  editor: dialogEditor},{ id : '02' , header : '女生总数(1班)' , width:99 ,align : 'center',  editor: dialogEditor},{ id : '03' , header : '总数(1班)' , width:99 ,align : 'center',  editor: dialogEditor}] ,
	container : 'grid1_containerf163', 
	toolbarPosition : 'bottom',			
	height : '300',		
	allowFreeze : true,
	toolbarContent : 'nav | goto | pagesize | reload | save | info | state' , 
    pageSize : 10 
      
};

var mygrid=new GT.Grid( gridConfig );
GT.Utils.onLoad( GT.Grid.render(mygrid) );
</script>








139 楼 zhouky4665 2008-12-15  
分页信息没出来有办法解决么?
主要是由于container : this.main,
没有指定带div造成的。
138 楼 zhouky4665 2008-12-15  
gridMask 为空或者不是对象
有解决方案么?
137 楼 fins 2008-12-12  
talangniao 写道
fields中要怎样定义关联表中的字段?才保持返回的json格式一致


我教程里有的

你看一下  这种情况要使用 "扩展数据列"
也就是 在 dataset上面做文章

使用 initValue

在dataset里创建一个field  然后在grid里新建一个column和它对应
而不是直接用 column去和数据绑定

相关推荐

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

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

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

    标题中的 "NVIDIA-GRID-Linux-KVM-470.63-470.63.01-471.68.zip" 指的是一个包含了NVIDIA GRID 驱动的更新版本压缩包,这个版本号序列(470.63、470.63.01、471.68)意味着这可能是一系列修复和优化的升级。...

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

    总的来说,NVIDIA GRID vSphere 7.0-vgpu grid 10.2版本提供了一套完整的解决方案,包括驱动程序、用户指南、软件配置说明、许可证管理、发布更新以及技术支持,旨在帮助企业构建高性能、高效率的虚拟化图形处理环境...

    NVIDIA-GRID-vSphere-8.0-535.161.05-535.161.07-538.33.zip

    在这个情况下,它告诉用户这个文件是与NVIDIA的GRID vGPU技术配合VMware ESXi版本8.0使用的关键更新或补丁包。 最后,提供的部分内容是一个百度网盘的链接和提取码,这表明用户可以通过这个链接来下载所需的文件包...

    NVIDIA-GRID-Linux-KVM-460.32.04-460.32.03-461.33.zip

    NVIDIA GRID Linux KVM 驱动是专为虚拟化环境设计的一款图形处理单元(GPU)驱动程序,它使得在Linux系统中运行的KVM(Kernel-based Virtual Machine)虚拟机可以充分利用NVIDIA GPU的硬件加速功能。这个压缩包包含...

    GT-Grid 1.0 基础教程

    本基础教程旨在帮助初学者快速理解并掌握GT-Grid 1.0 的核心概念和基本操作,以便在实际项目中应用。下面将详细阐述GT-Grid 1.0 的关键知识点。 一、GT-Grid 1.0 概述 GT-Grid 1.0 是一个基于Java开发的分布式计算...

    网页Grid组件 GT-Grid组件

    网页Grid组件,特别是GT-Grid组件,是Web开发中一种强大的数据展示工具,它为开发者提供了灵活、高效且功能丰富的表格解决方案。Grid组件在网页应用中扮演着至关重要的角色,用于展示结构化数据,支持排序、筛选、...

    gt-grid 基础教程

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

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

    GT-Grid 是一个基于Ajax技术的列表组件. 拥有丰富的功能以及良好易用性和用户体验. 它是 EC Side列表组件 的更新换代产品. (ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jsp...

    NVIDIA-GRID-vSphere-7.0 最新版本14.0显卡驱动,先到先得。

    NVIDIA-GRID-vSphere-7.0是一款专为虚拟化环境设计的显卡驱动程序,其最新版本14.0提供了显著的性能提升和优化,适用于数据中心和云计算平台。此驱动程序是NVIDIA针对VMware vSphere平台量身定制的,旨在确保在...

    gt-grid demo 源码下载

    《GT-Grid 源码解析与后台交互实践》 GT-Grid 是一款功能强大的数据网格组件,广泛应用于Web应用中展示和管理大量结构化数据。本次我们将通过"gt_grid_demo"源码下载来深入理解GT-Grid的运作机制及其与后台数据交互...

    gt-grid的一个例子

    在我们的例子中,通过阅读`gtdemo1`,我们可以了解如何添加自定义组件,并与`gt-grid`的其他部分进行集成。 总结起来,这个`gt-grid`的例子为我们提供了一个实践性的起点,帮助我们了解如何使用这个框架的基本特性...

    GT-Grid 教程示例

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

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

    GT-grid是一款高效、易用的前端表格组件,它在最新的版本中提供了丰富的功能,包括但不限于分页、过滤、排序等,旨在帮助开发者更好地管理和展示数据,提升用户体验。以下是对GT-grid及其核心特性的详细介绍: 1. *...

    GT-grid 例子

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

    GT-Grid 1.0 基础教程(一)转载

    ### GT-Grid 1.0 基础教程(一)——纯客户端只读列表开发详解 #### 一、教程背景与目标 本教程旨在帮助初学者快速掌握如何使用GT-Grid开发纯客户端只读列表的基本技能。对于那些对Ajax技术下的列表组件不太熟悉的...

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

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

    gt-grid.rar+demo

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

    gt-grid 表格源码,开发包,api手册

    "gt-grid 表格源码,开发包,api手册"这一资源主要涵盖了用于构建数据表格的前端组件的源代码、开发工具以及相关的API文档。gt-grid是一个强大的数据展示和操作框架,它允许开发者以灵活的方式展示和管理大量结构化...

    Oracle Database 19c (AIX.PPC64-193000-grid-home.part1.rar)

    Oracle Database 19c (AIX.PPC64_193000_grid_home.zip), 适用于IBM AIX 系统,文件分割成 四个 压缩包,必须集齐 四个 文件后才能一起解压一起使用: AIX.PPC64_193000_grid_home.part1.rar ... ...

Global site tag (gtag.js) - Google Analytics