1 store中解析列的时候添加超链接处理
{header : '操作',dataIndex : 'type',sortable : true,width : 300,renderer:function(value, metaData, record, rowIndex, colIndex, store){ if( record.get('courseStatue')=="结束"){ return ""; }else{ return " <a href='#' style='color:blue' name='stuInfoMng'>学员管理</a>" + " |<a href='#' style='color:blue' name='checkingIn'>考勤</a> " ; } }}
2 grid单元格中添加单击事件
listeners:{ cellclick:function(grid,rowIndex,columnIndex,e){ var rstore = grid.getStore(), record = rstore.getAt(rowIndex); if(columnIndex==8){ //点击的列 if(!e.getTarget("a"))return; //点击的是超链接 var target = e.getTarget("a").name; //取超链接的名字,根据名字不同添加不同的函数 if(target=="stuInfoMng"){ //学员管理 getClassStuInfo(record.get("id")); }else (target=="checkingIn"){ //考勤管理 getCheckingIn(record.get("id")); } } } }
3 添加需要执行的方法
// 查询班级的学生 function getClassStuInfo(id ){ alert("添加了单击事件"); }
相关推荐
在本篇内容中,我们将详细探讨如何通过ExtJS框架来修改Grid中行或列的颜色,以便于实现更直观的数据展示效果。此方法适用于需要对数据进行视觉区分的应用场景,例如:高亮显示某些特定行或列,使得用户能够快速识别...
这将创建一个自定义列,我们可以在这个列中放置图片按钮。 3. **定义列属性**:选中新添加的列,设置其类型为"Picture Button"。在“Column Properties”对话框中,可以配置按钮的大小、样式、图片路径等属性。 4....
在VC++编程环境中,"网格类Grid"是一种常用的控件,它主要用于创建和管理二维的、类似表格的数据结构。Grid控件通常被用来显示和编辑数据,比如在数据库应用、配置设置界面或复杂的用户交互场景中。这类控件提供了一...
提供的压缩包中包含了实现效果,这可能是一个运行的AngularJS项目,展示了如何动态地添加和移除ng-Grid的列。你可以查看源码学习其工作原理,也可以直接在本地环境中运行这个项目以观察效果。 7. **其他相关lib**...
3. 排序:Grid中的每一列都可以设置为可排序,用户只需点击列头,即可根据该列数据进行升序或降序排序。 4. 自定义列:EXT Grid允许开发者自定义列的显示样式和行为,可以添加图片、链接,甚至嵌入其他EXT组件。 5...
在网页开发中,jQuery Grid是一款强大的数据管理组件,它提供了丰富的功能,如数据分页、排序、搜索等。本文将详细讲解如何利用jQuery实现网格(Grid)中的列拖动功能,以及如何展示和压缩内容,以达到类似Excel的...
"girdDiv拖拽gridstack-4.2.5"是一个专为实现这种功能的库,它允许用户通过鼠标拖放操作来调整div元素的位置和大小,从而提供了一种灵活的网格布局解决方案。这个库主要基于jQuery和JavaScript技术,使得开发者能够...
Sigma Grid 是一个基于 jQuery 的数据网格插件,用于在网页中展示和操作表格数据。它提供了丰富的功能,如分页、排序、过滤、编辑等,适用于各种数据密集型的Web应用。这个压缩包包含了关于 Sigma Grid 的使用指南和...
对于一层的Grid,只需要考虑对象所在的一行或一列;而对于两层的Grid,会同时考虑对象所在的行和列,进一步提高了查询的准确性。 此外,代码风格简洁是Grid_Code的一大优点。简洁的代码不仅易于阅读和理解,而且更...
在我们的例子中,通过阅读`gtdemo1`,我们可以了解如何添加自定义组件,并与`gt-grid`的其他部分进行集成。 总结起来,这个`gt-grid`的例子为我们提供了一个实践性的起点,帮助我们了解如何使用这个框架的基本特性...
在Windows应用开发中,grid控件是一种常用的用户界面元素,它允许用户以二维表格的形式展示和编辑数据,非常适合用于数据管理和操作。 在MFC中,CGridCtrl是一个常见的grid控件类,可以用来实现类似Excel的界面。这...
5. **编辑功能**:用户可以直接在Grid中进行单元格编辑,方便数据的增删改操作,通常包括行内编辑、弹出编辑等多种模式。 6. **响应式设计**:GT-Grid组件适应各种屏幕尺寸,自动调整布局以适应手机、平板和桌面...
2. **创建列配置(Columns)**:在EXT Grid中,我们需要为每一列定义列配置。对于状态列,我们可以添加一个`renderer`函数,该函数会在数据显示之前被调用,用于格式化数据。在`renderer`中,我们可以检查状态值并返回...
- **数据操作**:如何添加、删除、修改表格中的数据,以及与服务器的交互。 - **事件处理**:监听用户操作,如点击、双击、选择等,实现响应式交互。 - **分页和排序**:高效地处理大量数据,提供友好的用户界面。 -...
`attachFooter`方法用于在dhtmlxGrid的底部动态添加一行(表脚),并可设置单元格的值和样式。此方法适用于专业版。 - `values`:一个数组,包含新行每个单元格的值,支持HTML内容。 - `style`:一个数组或字符串,...
Grid++Report是一款C/S与B/S集成报表工具,...3、纵向交叉项目列中可以定义统计框或综合文字框表达式,在合计列中关联的字段自动求和,在项目列中关联字段为复制首笔值。 ★子报表: 1、子报表无数据可以自动隐藏。
ComBoxGrid是一款专门针对Windows应用程序开发的控件,它扩展了传统的组合框(Combox)功能,添加了网格视图并支持鼠标滚轮操作。这款控件为开发者提供了更丰富的用户界面选项,使得数据展示和交互更为便捷。下面将...