- 浏览: 2610948 次
- 性别:
- 来自: 小胖儿的大城
文章分类
最新评论
-
ni4wangba0:
ni4wangba0 写道亲测,算法有问题。对不起,其实是我自 ...
谈谈"求线段交点"的几种算法(js实现,完整版) -
ni4wangba0:
亲测,算法有问题。
谈谈"求线段交点"的几种算法(js实现,完整版) -
kers007:
苹果不让Webapp 在appstore 里发布,我不知道对 ...
苹果真的要在 AppStore 里封杀 WebApp 吗? -
striveandlive:
fins = js大牛
[原创]GT-Template, 一个超轻量级的js模板工具. -
AlwaysYang:
基础扎实的才能行走天下。
关于body的"大小"在ie和ff下的一些基础知识
GT-Grid 1.15版 说明文档.
这篇文档主要说明一些这个版本的变化(新增功能 新特性)
========================================
这个版本照例修正了一些bug 同时增加了一些小功能
这些小功能主要是通过api方面的改造,让大家用起来更顺手一些.
另外尝试了一下 与 ext的结合
========================================
下面结合示例来做一下说明.
我们在围绕列表开发时 常常有这样的需求.
一个页面, 上方是查询表单, 下面是列表. 初始情况下,表单是空的.
在表单中输入一些查询条件后,点击查询按钮,然后列表才出现响应的信息.
示例 mydemo_for_1.15.html 就演示了这样的场景.
大家需要注意的是如下内容:
首先 "初始情况下,表单是空的" 这个需求通过 grid的 autoLoad属性来实现.
当该属性为false时, 列表第一次显示时 不会出现数据.
其次, 在这个版本里增加了 grid.query 方法. 用法如下:
其中 params 是一个json对象, 用来作为查询条件的.
它将以 name1=value1&name2=value2&name3=value3... 的形式将参数传递给后台.
后台可以通过传统的 request.gerParameter("name") 方式来取得这些参数.
这样大家就可以灵活的来做查询操作了.
例如
那么 传递到后台的 queryString 将为
name=abc&age=27&others=1&others=2&others=3
注意: mydemo_for_1.15.html 这个示例由于只是前台的一个代码示例,
所以页面中的查询并不会真的起到查询的作用, 而只是载入一些随机生成的数据.
==============================
与 ext的结合:
这个版本可以和简单的 Ext.Panel进行结合.
也就是说 GT-Grid可以放入 Ext.Panel 的panel里了
具体的例子见
\_demo\for_ext.html
注意for_ext.html文件中下面的部分:
这个与ext的融合 目前还只是一个开始, 还有很多问题, 例如不能放到window里等等.
不过 以后会努力加强这方面的兼容性的.
==============================
以上的说明不是很详细, 建议大家结合 mydemo_for_1.15.html 这个示例来看一下.
==============================
关于GT的更多介绍可以参加下面两个地址
具体文档请参见下面地址:
列表组件 GT-Grid 最新版本 & 教程
与服务端结合的例子(8月3日版本)
与服务端结合的例子
========================================
如果如你所说 ext的grid在你那里也有问题 那么我估计问题可能是出在
你编写的代码身上
因为我没听说 ext不能和 ww一起用
webwork不是很熟
但是这类框架 和 ajax框架一起用如果出问题
往往都是 在编码, 生成的代码有js错误 等等
建议你再好好看看
我觉得 问题肯定是能解决的
不过 通过你提供的信息 我目前还很难提出解决方案
理论上 浏览器解析并运行的就是 jsp最后生成的html代码
而js组件又完全依赖于客户端浏览器 所以我觉得在访问有问题的页面时
1 编码有问题
2 js文件加载有问题 (没有正确js加载,就运行了js文件里的代码???)
共享出自产软件已经不错了.像现在的国情,大家都有自己工作.宽容的心态看问题.
Bug哪个软件都有,完善需要一个过程.
这篇文档主要说明一些这个版本的变化(新增功能 新特性)
========================================
这个版本照例修正了一些bug 同时增加了一些小功能
这些小功能主要是通过api方面的改造,让大家用起来更顺手一些.
另外尝试了一下 与 ext的结合
========================================
下面结合示例来做一下说明.
我们在围绕列表开发时 常常有这样的需求.
一个页面, 上方是查询表单, 下面是列表. 初始情况下,表单是空的.
在表单中输入一些查询条件后,点击查询按钮,然后列表才出现响应的信息.
示例 mydemo_for_1.15.html 就演示了这样的场景.
大家需要注意的是如下内容:
首先 "初始情况下,表单是空的" 这个需求通过 grid的 autoLoad属性来实现.
当该属性为false时, 列表第一次显示时 不会出现数据.
其次, 在这个版本里增加了 grid.query 方法. 用法如下:
grid.query(params)
其中 params 是一个json对象, 用来作为查询条件的.
它将以 name1=value1&name2=value2&name3=value3... 的形式将参数传递给后台.
后台可以通过传统的 request.gerParameter("name") 方式来取得这些参数.
这样大家就可以灵活的来做查询操作了.
例如
grid.query( { name : "abc", age : 27 , others : [ 1,2,3 ] })
那么 传递到后台的 queryString 将为
name=abc&age=27&others=1&others=2&others=3
注意: mydemo_for_1.15.html 这个示例由于只是前台的一个代码示例,
所以页面中的查询并不会真的起到查询的作用, 而只是载入一些随机生成的数据.
==============================
与 ext的结合:
这个版本可以和简单的 Ext.Panel进行结合.
也就是说 GT-Grid可以放入 Ext.Panel 的panel里了
具体的例子见
\_demo\for_ext.html
注意for_ext.html文件中下面的部分:
<!-- 请根据你机器内ext存放的位置来自行修改下面3行的内容 --> <link rel="stylesheet" type="text/css" href="file:/d:/mydev/ext-2.2/resources/css/ext-all.css" /> <script type="text/javascript" src="file:/d:/mydev/ext-2.2/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="file:/d:/mydev/ext-2.2/ext-all.js"></script>
这个与ext的融合 目前还只是一个开始, 还有很多问题, 例如不能放到window里等等.
不过 以后会努力加强这方面的兼容性的.
==============================
以上的说明不是很详细, 建议大家结合 mydemo_for_1.15.html 这个示例来看一下.
==============================
关于GT的更多介绍可以参加下面两个地址
具体文档请参见下面地址:
列表组件 GT-Grid 最新版本 & 教程
与服务端结合的例子(8月3日版本)
与服务端结合的例子
========================================
- dist_b20080908.zip (642.7 KB)
- 描述: 1.15版. 2008年 09月8日 最新发布
- 下载次数: 562
评论
45 楼
finalbone
2008-09-12
<%@ include file="../common/init.jsp"%>
这个是引入标签库的 没有什么影响 路径是为了发到帖子里做了示意性的修改 呵呵
编码问题基本可以排除 最大可能是js文件加载的问题
到底是什么影响了js加载 而且只是针对Grid这种组件才出现问题 需要深入的去查一下
EXT刚刚接触 对其内在实现机制还缺乏了解 估计GT Grid与它类似吧
我用的架构相当成熟 应该是新旧技术存在不兼容的地方 锁定了问题范围 下一步就好处理了 谢谢fins
这个是引入标签库的 没有什么影响 路径是为了发到帖子里做了示意性的修改 呵呵
编码问题基本可以排除 最大可能是js文件加载的问题
到底是什么影响了js加载 而且只是针对Grid这种组件才出现问题 需要深入的去查一下
EXT刚刚接触 对其内在实现机制还缺乏了解 估计GT Grid与它类似吧
我用的架构相当成熟 应该是新旧技术存在不兼容的地方 锁定了问题范围 下一步就好处理了 谢谢fins
44 楼
fins
2008-09-11
再问一下
<%@ include file="../common/init.jsp"%>
这个jsp里的内容是什么??
js文件的相对路径没错??
你是直接访问jsp文件 还是通过action访问?
如果是action 那么 你那个相对路径 应该是相对于 action的url
而不应该是相对于jsp
<%@ include file="../common/init.jsp"%>
这个jsp里的内容是什么??
js文件的相对路径没错??
你是直接访问jsp文件 还是通过action访问?
如果是action 那么 你那个相对路径 应该是相对于 action的url
而不应该是相对于jsp
43 楼
fins
2008-09-11
如果如你所说 ext的grid在你那里也有问题 那么我估计问题可能是出在
你编写的代码身上
因为我没听说 ext不能和 ww一起用
webwork不是很熟
但是这类框架 和 ajax框架一起用如果出问题
往往都是 在编码, 生成的代码有js错误 等等
建议你再好好看看
我觉得 问题肯定是能解决的
不过 通过你提供的信息 我目前还很难提出解决方案
理论上 浏览器解析并运行的就是 jsp最后生成的html代码
而js组件又完全依赖于客户端浏览器 所以我觉得在访问有问题的页面时
1 编码有问题
2 js文件加载有问题 (没有正确js加载,就运行了js文件里的代码???)
42 楼
finalbone
2008-09-11
我还试了ext的grid 有同样的问题
估计是grid对象创建时机的问题~
估计是grid对象创建时机的问题~
41 楼
finalbone
2008-09-11
那个逗号没问题的 我把编译后显示的jsp另存为html 就能正常运行
40 楼
fins
2008-09-11
按你的组装方式
在 data1 最后 会多出一个 逗号
这个逗号会引起后面脚本的错误
在 data1 最后 会多出一个 逗号
这个逗号会引起后面脚本的错误
39 楼
finalbone
2008-09-11
第3页的第一帖是我的问题 呵呵
38 楼
mhere
2008-09-11
这么快又发新版本了~~~
37 楼
fins
2008-09-11
问题出在
endRowNum : (startRowNum+pageSize-1) // 结束行号.这个值会在客户端计算好之后发给服务端.
这行
这里只是一个伪代码
建议你不要这么设置
你可以直接写 计算后的值
endRowNum : (startRowNum+pageSize-1) // 结束行号.这个值会在客户端计算好之后发给服务端.
这行
这里只是一个伪代码
建议你不要这么设置
你可以直接写 计算后的值
36 楼
zghen
2008-09-11
code="javascript"]
var dsConfig= {
action : 'load', // 执行的操作类型,load表示是加载数据
/*
// 分页信息
pageInfo : {
pageSize : 20 , // 每页显示条数. 这个值决定于 你创建grid时的设置.
totalRowNum : 0 , // 总记录数. 这个值在第一次载入列表时 为 0 ,以后是什么值 取决于服务端返回的值.
startRowNum : 1, // 开始行号. 第一次载入列表或是查看列表的首页时,会传入1,(注意表示"开始行号"的数字是从1开始.
endRowNum : (startRowNum+pageSize-1) // 结束行号.这个值会在客户端计算好之后发给服务端.
},
*/ // 排序信息
sortInfo : [
{
columnId : "total" ,
fieldName : "total" ,
sortOrder : "asc" // 排序的顺序状态 : 升序"asc" 降序"desc" 默认"defaultsort"
}
],
};
[/javascript]
后台取sortInfo用的方法与pageInfo一样。
var dsConfig= {
action : 'load', // 执行的操作类型,load表示是加载数据
/*
// 分页信息
pageInfo : {
pageSize : 20 , // 每页显示条数. 这个值决定于 你创建grid时的设置.
totalRowNum : 0 , // 总记录数. 这个值在第一次载入列表时 为 0 ,以后是什么值 取决于服务端返回的值.
startRowNum : 1, // 开始行号. 第一次载入列表或是查看列表的首页时,会传入1,(注意表示"开始行号"的数字是从1开始.
endRowNum : (startRowNum+pageSize-1) // 结束行号.这个值会在客户端计算好之后发给服务端.
},
*/ // 排序信息
sortInfo : [
{
columnId : "total" ,
fieldName : "total" ,
sortOrder : "asc" // 排序的顺序状态 : 升序"asc" 降序"desc" 默认"defaultsort"
}
],
};
[/javascript]
后台取sortInfo用的方法与pageInfo一样。
String json = request.getParameter("_gt_json");//获得_gt_json . . . jobject = new JSONObject(json);//转为json对象 . . . //通过jobject 取得pageInfo字符串,再将pageInfo字符串转为json对象,这里都没有问题 jobject=new JSONObject(jobject.getString("pageInfo")); int totalRowNum = (Integer) jobject.get("totalRowNum"); int startRowNum = (Integer) jobject.get("startRowNum"); int pageSize = (Integer) jobject.get("pageSize"); //用同样的方法来处理, jobject=new JSONObject(jobject.getString("sortInfo")); 就不行了,sortInfo是一个数组对象,但是它也是可以转成json的吧?[
35 楼
fins
2008-09-11
finalbone 8 分钟前
fins请回复一下我的问题
?? 什么问题?在哪?
theone2000 13 分钟前
2 问: 其他示例正常吗??
2 建议 检查是否正确的引入了必要的js 和css(可以对照其他的demo看一下)
3 建议 检查一下是不是浏览器的编码问题
fins请回复一下我的问题
?? 什么问题?在哪?
theone2000 13 分钟前
2 问: 其他示例正常吗??
2 建议 检查是否正确的引入了必要的js 和css(可以对照其他的demo看一下)
3 建议 检查一下是不是浏览器的编码问题
34 楼
theone2000
2008-09-11
75
Char:1
Code:0
Error:'GT' 未定义
网址:file://D:\0_AJAX集合\Grid表格\gt-grid080908\_doc\mydemo_for_1.15.html
Char:1
Code:0
Error:'GT' 未定义
网址:file://D:\0_AJAX集合\Grid表格\gt-grid080908\_doc\mydemo_for_1.15.html
33 楼
finalbone
2008-09-11
fins请回复一下我的问题
32 楼
theone2000
2008-09-11
mydemo_for_1.15.html 在那里??? 压缩包中没有啊!
31 楼
fins
2008-09-11
你是怎么设置的 startRowNum?
能否把代码片段发来看看
能否把代码片段发来看看
30 楼
zghen
2008-09-11
fins 你好,pageInfo 中的startRowNum未定义错误是在提交后台之前,只要自己设了startRowNum,页面就load失败。sortInfo 的取法与pageInfo类似,不知是不是这里的问题。如果是请你说下这个地方该怎么去取。
29 楼
fins
2008-09-11
a.b 这种id肯定是不能被支持的
column的id 不需要非得和数据库对应上
我觉得可能大家对 column id 的理解有偏差
id必须要符合js的变量命名规范
也就是说 你写 a+b a-b a)b a%b ... 都不可以
而且 a.b 是有特殊意义的
数据
{ a : {
b : 1
}
那么 a.b表示的是 a里的b属性
column的id 不需要非得和数据库对应上
我觉得可能大家对 column id 的理解有偏差
id必须要符合js的变量命名规范
也就是说 你写 a+b a-b a)b a%b ... 都不可以
而且 a.b 是有特殊意义的
数据
{ a : {
b : 1
}
那么 a.b表示的是 a里的b属性
28 楼
myhome
2008-09-11
javafane 写道
gt-grid的bug很多,这是国产软件的通病。
共享出自产软件已经不错了.像现在的国情,大家都有自己工作.宽容的心态看问题.
Bug哪个软件都有,完善需要一个过程.
27 楼
lsllsf
2008-09-11
是这样的.比如多表时 用表名+列名 这样才可以唯一标识出 列(因为列可能有重名),
所以table + . + columns这在sql中可以实现.但在gt_grid中由于他可能把. 作其他用途了. "table.columns" 作为字符的.不能被正确识别. 如果向我们上面那么写head会只有一个.楼主看看能不能改进.
所以table + . + columns这在sql中可以实现.但在gt_grid中由于他可能把. 作其他用途了. "table.columns" 作为字符的.不能被正确识别. 如果向我们上面那么写head会只有一个.楼主看看能不能改进.
26 楼
fins
2008-09-10
1)pageInfo中 如果自己设置startRowNum 老是报startRowNum未定义的错误,导致页面老报错;
"startRowNum未定义的错误"的js错误 是在什么时候报的?
是在提交数据到后台之后 还是之前?
2) 你是怎样取的sortInfo ??
"startRowNum未定义的错误"的js错误 是在什么时候报的?
是在提交数据到后台之后 还是之前?
2) 你是怎样取的sortInfo ??
发表评论
-
那些成天说我的GT-Grid抄袭的人注意了
2009-03-19 22:01 10271你们能够在浩瀚的网络中找到 sigmawidgets htt ... -
[发布]GT-Grid 1.42 版 ★& "前后台结合示例"★2009-01-15更新
2009-01-15 02:41 27519=============================== ... -
[发布]GT-Grid 1.36 版 ★& "前后台结合示例"★2008-12-01 12AM 更新
2008-12-01 01:27 10464(最后更新时间 :12月1日 中午12点时, 修正了 1.36 ... -
GT-Grid 近期将会发布一个bug修正版本,然后将会进行较大的重构
2008-11-11 00:12 3879GT-Grid 近期将会发布一个bug修正版本, 主要修正上一 ... -
[发布]GT-Grid 1.25 版 ★& "前后台结合示例" ★2008-10-21 更新
2008-10-21 17:25 19770首先 先道个歉. 之前许诺过 10月20日之前发布,结果迟到了 ... -
对于复杂javabean到json串的转换,建议使用FlexJSON
2008-10-16 11:23 9920gt-grid自带的那个 javaBean与json的转换工具 ... -
[通知] GT-Grid 讨论群 变更
2008-10-10 15:54 3040GT-Grid的群建立至今, 用户早已满员, 每日还有很多申请 ... -
10月中旬支持导出excel和csv的gt-grid会推出
2008-10-04 21:19 268710月中旬支持导出excel和csv的gt-grid会推出 ( ... -
[发布]GT-Grid 1.18版 & "前后台结合示例"更新 ★2008-09-12发布
2008-09-12 16:40 12669这个版本带有 与java后台结合的示例. 单独的最新版本的 ... -
调查: 关于GT-Grid导致IE崩溃的问题
2008-09-09 15:39 4200有网友反应 对GT-Grid进行操作时 会导致IE崩溃. ... -
[发布] GT-Grid 1.12 版 (080904发布) ★
2008-09-03 11:02 5464GT-Grid 1.12版 说明文档. 这篇文档主要说明一些 ... -
奥运结束, GT启航
2008-08-25 10:11 2890前一阵由于关注奥运 GT做的工作比较少 奥运结束了 GT该再 ... -
最近奥运,GT的开发暂停一段时间,抱歉了
2008-08-18 20:13 19448月8号之后 GT的更新速度缓慢了,我回答问题也没有以前及时了 ... -
[发布] GT-Grid 1.0 奥运版 (080808发布) ★ without doc
2008-08-08 17:17 19441由于文档工作滞后 导致我本来放弃了今天发布的念头 但是还是不忍 ... -
GT-Grid 1.0 基础教程(十二)
2008-08-05 02:06 17517GT-Grid 1.0 基础教程(十二) 教程说明: 这是一 ... -
GT-Grid 1.0 基础教程(十一)
2008-08-03 22:29 8219GT-Grid 1.0 基础教程(十一 ... -
GT-Grid 1.0 基础教程(十)
2008-08-03 00:52 16778GT-Grid 1.0 基础教程(十) 教程说明: 这是一个 ... -
GT-Grid 1.0 基础教程(九)
2008-07-28 00:43 15627GT-Grid 1.0 基础教程(九) 教程说明: 这是一个 ... -
我的两点请求, 麻烦关注GT和ecside的朋友看一下,谢谢了
2008-07-27 21:55 30071 恳请大家以后不要通 ... -
GT-Grid 1.0 基础教程(八)
2008-07-27 01:13 15018GT-Grid 1.0 基础教程(八) 教程说明: 这是一个 ...
相关推荐
在这个“gt-grid的一个例子”中,我们将深入探讨如何使用`gt-grid`的基本功能,并通过实际代码示例来理解其工作原理。 首先,`gt-grid` 提供了灵活的数据绑定机制,可以方便地将后台数据源与前端表格进行对接。在...
《GT-Grid 源码解析与后台交互实践》 GT-Grid 是一款功能强大的数据网格组件,广泛应用于Web应用中展示和管理大量结构化数据。本次我们将通过"gt_grid_demo"源码下载来深入理解GT-Grid的运作机制及其与后台数据交互...
GT-Grid 1.0 是一个强大的分布式计算框架,它为大数据处理提供了高效、灵活的解决方案。本基础教程旨在帮助初学者快速理解并掌握GT-Grid 1.0 的核心概念和基本操作,以便在实际项目中应用。下面将详细阐述GT-Grid ...
GT-Grid 教程示例 GT-Grid 教程示例GT-Grid 教程示例GT-Grid 教程示例
"gt-grid 表格源码,开发包,api手册"这一资源主要涵盖了用于构建数据表格的前端组件的源代码、开发工具以及相关的API文档。gt-grid是一个强大的数据展示和操作框架,它允许开发者以灵活的方式展示和管理大量结构化...
本篇文章将深入探讨两种流行的JavaScript表格组件——GT-Grid和EXT-Grid,并通过对比分析它们的特点、功能和使用场景,以帮助开发者选择最适合项目需求的组件。 GT-Grid与EXT-Grid都是用于构建高性能、可定制的表格...
GT-Grid 是一款强大的数据网格组件,常用于前端开发中展示和操作大量结构化数据。在Web应用中,它提供了一种高效的方式来呈现表格数据,支持排序、筛选、分页、编辑等多种功能,大大提升了用户体验。这个压缩包文件...
"gt-grid.rar+demo"这个压缩包文件包含的是关于"gt-grid"的样例源码。"gt-grid"是一个常见的前端数据展示控件,通常用于创建高性能、可定制的表格,它在Web应用中广泛使用,特别是在大数据量的场景下。下面我们将...
GT-Grid 是一个基于Ajax技术的列表组件. 拥有丰富的功能以及良好易用性和用户体验. 它是 EC Side列表组件 的更新换代产品. (ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jsp...
**gt-grid基础教程** 在网页开发中,数据的展示往往是不可或缺的部分,特别是在处理大量结构化信息时。`gt-grid`是一款由"胖哥"开发的高效、功能丰富的表格组件,专为页面展示设计,旨在帮助开发者更便捷地构建数据...
【GT-grid表格组件详解】 GT-grid是一款高效、易用的前端表格组件,它在最新的版本中提供了丰富的功能,包括但不限于分页、过滤、排序等,旨在帮助开发者更好地管理和展示数据,提升用户体验。以下是对GT-grid及其...
在本示例中,“gt-grid 分页 用ajax 开发的 里面有例子”显然演示了如何使用`gt-grid`配合Ajax实现分页功能。 首先,我们需要理解Ajax的核心概念。Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的...
网页Grid组件,特别是GT-Grid组件,是Web开发中一种强大的数据展示工具,它为开发者提供了灵活、高效且功能丰富的表格解决方案。Grid组件在网页应用中扮演着至关重要的角色,用于展示结构化数据,支持排序、筛选、...
GT-GRID是一款基于jQuery的强大的数据网格插件,主要用于展示和操作大量结构化的数据。它在Web应用中常被用于创建功能丰富的表格,提供类似数据库的分页、排序、过滤和编辑功能,使得用户可以方便地浏览和管理数据。...
NULL 博文链接:https://fins.iteye.com/blog/283672
### GT-Grid 1.0 基础教程(一)——纯客户端只读列表开发详解 #### 一、教程背景与目标 本教程旨在帮助初学者快速掌握如何使用GT-Grid开发纯客户端只读列表的基本技能。对于那些对Ajax技术下的列表组件不太熟悉的...
ag-grid我没找到汉化提示的js(没仔细找),下载了官方的社区版js代码,记事本查找替换的,如果没积分可以自己搜索替换,我只改了contains(模糊查找)、not contains(模糊过滤)、equals(精确查找)、not equals...
标题中的“Draw-Grid_100_catia插件_catia车线_drawgrid_Draw-Grid下载_catia_”提到了几个关键元素,分别是“Draw-Grid”,“CATIA 插件”,“catia车线”以及“下载”。这表明我们要讨论的是一个用于CATIA软件的...
ag-Grid Enterprise是一款高度可定制、高性能的数据网格组件,广泛应用于JavaScript和TypeScript项目中,为数据呈现、编辑和分析提供了强大的解决方案。v19.1.1是该组件的一个特定版本,发布于2018年10月31日。在...
- **安装**:通常通过npm或yarn进行安装,例如`npm install ag-grid-community`。 - **初始化**:在项目中引入ag-Grid,并创建数据网格实例,设置数据源和列定义。 - **文档与示例**:ag-Grid提供详尽的官方文档和...