[发布] GT-Grid 1.12 版 (080904发布) ★

fins

浏览: 2610962 次
性别:
来自: 小胖儿的大城

最近访客更多访客>>

快了的男孩

sagadan

fancycat

u012363178

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

GT-Grid

json 单元测试 JavaScript Chrome PHP

GT-Grid 1.12版说明文档.

这篇文档主要说明一些这个版本的变化(新增功能新特性)

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

首先来说一下关于列表的创建函数.

在以前的示例中, 有这样的代码:

GT.Utils.onLoad( GT.Grid.render(mygrid) );

它的意思是在页面载入时创建列表. 但是由于我设计上的失误,导致这个示例很容易误导大家.
让开发人员以为 GT.Grid.render(mygrid) 是用来创建列表的.

其实不是, GT.Grid.render 的结果是返回一个函数这个函数才是用来创建表格的.
这里比较绕,所以我决定反对使用 GT.Grid.render函数.

如果要在页面载入时创建表格请使用下面的代码

GT.Utils.onLoad( function(){
	mygrid.render();
} );

如果想在其他时机 (如按某个按钮之后)创建那么就在相应的时机调用
"mygrid.render();" 即可.

另外再重申一下函数 GT.$grid("你的grid的id") ,这个函数是通过id取得列表对象.

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

新增属性:
grid.selectRowByCheck : false/true ;

当列中有checkBox列时, 如果selectRowByCheck==true ,那么选中一行的效果将通过选择checkBox来实现.

新增方法
grid.getSelectedRecords()
取得所有选中行对应的记录.

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

column.renderer 支持字符串模板
column.renderer 除了可以是一个函数之外, 还可以是一个字符串模板.例如

renderer : "@{age}岁"
那么这列数据就会变为 "相应记录的age字段的值 + '岁'


renderer : "@{age}岁"  
相当于

renderer : function(value,record){
	return record['age']+'岁';
}

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

exception回调函数 :
在执行load 和save 操作后, 处理服务端返回的异常的函数如下:


// grid.loadFailure(responseJson)

	// 默认函数实现
	loadFailure : function(respD){
		alert(' LOAD Failed! '+'\n Exception : \n'+(respD[this.CONST.exception]||''));
	},

// grid.saveFailure(responseJson)

	// 默认函数实现
	saveFailure : function(respD){
				alert(' SAVE Failed! '+'\n Exception : \n'+(respD[this.CONST.exception]||''));
	}

responseJson为服务端返回的json对象.

大家可以通过重写这两个方法来实现自己的对异常信息的处理.

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

工具栏上的简单按钮现在支持自定义.

自定义的方法是,首先是定义按钮并注册然后在toolbarContent里面设置即可.

定义并注册按钮的方式如下:


GT.ToolFactroy.register(
	'mybutton',  //按钮的标识 (请使用全小写字母)
	{
		// cls 为按钮的样式,目前只支持简单按钮,简单按钮的样式请这样写:
		// .mybutton-cls { 
		//		background : url(./mybutton.png) no-repeat center center; 
		// }
		cls : 'mybutton-cls',  
		// 按钮的提示信息
		toolTip : '自定义按钮:显示列表的id',
		
		// 点击按钮时 执行的动作
		action : function(event,grid) {  alert( 'The id of this grid is  '+grid.id)  }
	}
);

按钮定义的形式如上面代码中的注释所示, 就不再多说了.
GT.ToolFactroy.register( key , options)
这个函数负责将定义的按钮以 key的名字注册

然后就可以在 toolbarContent 中来指定在什么位置显示这个自定义按钮了.

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

以上的说明不是很详细, 建议大家结合 mydemo_for_1.12.html 这个示例来看一下.

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

关于GT的更多介绍可以参加下面两个地址

具体文档请参见下面地址:
列表组件 GT-Grid 最新版本 & 教程

与服务端结合的例子(8月3日版本)
与服务端结合的例子
========================================

dist_b20080904.zip (636.8 KB)
描述: GT-Grid 1.12 版 (080904发布)
下载次数: 685

分享到：

讨论一下,Ext里哪个组件设计的最不好 | [HELP- 更新了]小胖儿要攒机了,大家来帮 ...

2008-09-03 11:02
浏览 5464
评论(42)
论坛回复 / 浏览 (42 / 12470)
分类:Web前端
查看更多

22 楼 supercwg 2008-09-04

我现在使用的是springside的struts2，如何在在Action里面输出json串来呈现数据啊？能够提供具体的配置过程吗？如果springside能够与gtgrid集成，那就真是强强联合啊，请不吝赐教啊

21 楼 fins 2008-09-04

回楼上2位
你们说的bug 在我这里一直没有重现

kerrxu :
你更新一下 firebug 试一试呢? 你说的那个错误也有可能是 firebug的问题

一般报错 XUL...如何如何基本都是firefox插件的问题

20 楼 kerrxu 2008-09-04

fins 写道

我 ie6 ff2 ff3.01 chrome 都测试了没重现啊

我把你的代码拷贝到新文件里做了些简单的修改(改为了客户端取数据) 然后测试的

我测试的文件见附件

放到 dist_b20080904\gt-grid\_doc\ 下

你看看这个文件在你那里有错吗

用这个也出错，输入地址进入后没有问题，如果点一下刷新（F5）再点菜单就会出现这个错误。

19 楼 songuo 2008-09-04

补充：运行的是mydemo3.html页面

18 楼 songuo 2008-09-04

不知是不是BUG？
跳转到指定页，如果是在第1页，然后连续点击跳转到第1页，然后弹出IE遇到问题需要关闭，试过很多次都出现同样的问题。

17 楼 fins 2008-09-04

第一个问题你设置 height : "100%"

第二个问题是个 bug

谢谢下一版本会努力修正谢谢

16 楼 Maniacdragon 2008-09-04

老师好，发现有如下问题：
1、如果将grid容器的宽和高取掉，改变浏览器大小时，窗口宽度可以随着浏览器大小变化，但高度需要刷新一下才行。
2、选中后可以得到被选中的数据行数据，但翻页后状态还是选中，确得不到选中的数据了。
感谢您为大家的付出，我们会一直支持您！

15 楼 songuo 2008-09-04

好快就出来新版本了，谢谢fins的劳动

最近开始一个新项目，我正在验证GT-GRID的一些功能特点，遇到问题将会请教你

14 楼 fins 2008-09-04

13 楼 kerrxu 2008-09-04

这个是在FF3.01中出现的

12 楼 fins 2008-09-04

我这里没有重现

11 楼 kerrxu 2008-09-04

我用的是自已的JSP，怎么不能上传附件？实际字段名等用数字或字母替换过。


<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="-1" />
		<meta http-equiv="Cache-Control" content="no-cache" />

		<title><s:text name="aaaa" /></title>

		<link rel="stylesheet" type="text/css"
			href="<%=contextPath%>/gt-grid/gt_grid.css" />

		<script type="text/javascript"
			src="<%=contextPath%>/gt-grid/gt_msg_cn.js"></script>
		<script type="text/javascript"
			src="<%=contextPath%>/gt-grid/gt_grid_all.js"></script>

		<script type="text/javascript">

		var APP_PATH='<%=contextPath%>';
		var grid_atom_id = "Grid" ;
		
		var dsOption= {
			uniqueField : 'id' ,		
			fields :[
				{name : 'id' },
				{name : '11' },
				{name : '22' },
				{name : '33' },
				{name : '44'  },
				{name : '55'  },
				{name : '66'  },
				{name : '77'  }
			],
			recordType : 'object'
		}

		var colsOption = [

			{id: 'chk' ,isCheckColumn : true, checkType:'radio', frozen : !true , filterable : false, header: "", title: "单选" , fieldName : 'id'},				
			{id: 'id' , header: "ID" , width :60 },
			{id: '11' , header: "11" ,hdAlign:'center', width :100 },	
			{id: '22' , header: "22" , hdAlign:'center',width :100 },
			{id: '33' , header: "33" , hdAlign:'center',width :120},
			{id: '44' , header: "44" , hdAlign:'center',width :100 },
			{id: '55' , header: "55" ,hdAlign:'center', width :128 },
		
	 		{id: '66' , header: "66" , width :85, 
				renderer : '<a href="'+ APP_PATH +'/aab.action?id=@{id}" target="_bank" >'+'查看'+'</a> '
			},	
	 
	  		{id: '77' , header: "77" , width :85, 
				renderer :  '<a href="'+ APP_PATH +'/aac.action?id=@{id}" target="_bank" >'+'查看'+'</a>'
			}
			 
		];
		
		var gridConfig={	
			id : grid_atom_id,
			loadURL : APP_PATH+'/aaa.action',
			width: "90%",
			height: "390",
			container : 'mygrid_container',
			reloadAfterSave : true, 		
			autoUpdateSortState : true ,
			resizable : true,	
			remotePaging : true ,
			showIndexColumn : true,
			showGridMenu : true,
			allowFreeze : true,
			allowGroup : true,
			allowHide : true,
			toolbarPosition : 'bottom',
			toolbarContent : 'nav | goto | pagesize | reload | print | filter | state',
			stripeRows : true,
			lightOverRow : true,
			encoding : 'UTF-8',
			pageSize :  20 ,
			pageSizeList : [10,20,30,50],
			dataset : dsOption ,
			columns : colsOption 
		};
			
		var mygrid=new GT.Grid( gridConfig );
		GT.Utils.onLoad( function(){
				mygrid.render();
			} );

		</script>
	</head>

10 楼 fins 2008-09-04

你是跑的哪个示例啊??

9 楼 kerrxu 2008-09-04

试验后发现去掉allowFreeze : true,就没好了。

8 楼 kerrxu 2008-09-04

点击GT左下菜单按钮的时候出的。

7 楼 fins 2008-09-04

能不能说一下什么情况啊??

6 楼 kerrxu 2008-09-04

有时候会出现这个错误
?^' XULElement.accessibleType ?CP
3
http://localhost:8080/framebase/gt-grid/gt_grid_all.js
Line 12

5 楼 fins 2008-09-04

导出肯定不能用js来做

后面那个问题在新发布的版本示例和说明里有提及

你可以使用 beforeExport 来拦截导出动作

4 楼 southgate 2008-09-03

问一下你的导出是前台用js处理的还是后台?
我现在应急用的是 java生成csv
没用到GT的功能

再问一下你现在提供的xls导出的那个按钮的js事件我可不可以自定义?
名字是什么?

3 楼 fins 2008-09-03

导出功能目前只做了 php的而且这次不会发布

带有统计功能的大概要在 1.5以后

带有导出功能的版本大概会在 1.7以后

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论