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日版本)
与服务端结合的例子
========================================
分享到:
相关推荐
在这个“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提供详尽的官方文档和...