`

在grid的某一格中添加操作一列

 
阅读更多

 

  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("添加了单击事件"); 
}

 

分享到:
评论

相关推荐

    修改grid行或列颜色

    在本篇内容中,我们将详细探讨如何通过ExtJS框架来修改Grid中行或列的颜色,以便于实现更直观的数据展示效果。此方法适用于需要对数据进行视觉区分的应用场景,例如:高亮显示某些特定行或列,使得用户能够快速识别...

    datawindow列尾添加图片按钮支持grid

    这将创建一个自定义列,我们可以在这个列中放置图片按钮。 3. **定义列属性**:选中新添加的列,设置其类型为"Picture Button"。在“Column Properties”对话框中,可以配置按钮的大小、样式、图片路径等属性。 4....

    网格类Grid

    在VC++编程环境中,"网格类Grid"是一种常用的控件,它主要用于创建和管理二维的、类似表格的数据结构。Grid控件通常被用来显示和编辑数据,比如在数据库应用、配置设置界面或复杂的用户交互场景中。这类控件提供了一...

    ng-grid实现动态列表.rar

    提供的压缩包中包含了实现效果,这可能是一个运行的AngularJS项目,展示了如何动态地添加和移除ng-Grid的列。你可以查看源码学习其工作原理,也可以直接在本地环境中运行这个项目以观察效果。 7. **其他相关lib**...

    JSP中使用EXT实现grid table

    3. 排序:Grid中的每一列都可以设置为可排序,用户只需点击列头,即可根据该列数据进行升序或降序排序。 4. 自定义列:EXT Grid允许开发者自定义列的显示样式和行为,可以添加图片、链接,甚至嵌入其他EXT组件。 5...

    Jquery 实现列的拖动 jquery grid

    在网页开发中,jQuery Grid是一款强大的数据管理组件,它提供了丰富的功能,如数据分页、排序、搜索等。本文将详细讲解如何利用jQuery实现网格(Grid)中的列拖动功能,以及如何展示和压缩内容,以达到类似Excel的...

    girdDiv拖拽gridstack-4.2.5

    "girdDiv拖拽gridstack-4.2.5"是一个专为实现这种功能的库,它允许用户通过鼠标拖放操作来调整div元素的位置和大小,从而提供了一种灵活的网格布局解决方案。这个库主要基于jQuery和JavaScript技术,使得开发者能够...

    Sigma-Grid.zip_grid_grid jquery_html jquery_jquery grid

    Sigma Grid 是一个基于 jQuery 的数据网格插件,用于在网页中展示和操作表格数据。它提供了丰富的功能,如分页、排序、过滤、编辑等,适用于各种数据密集型的Web应用。这个压缩包包含了关于 Sigma Grid 的使用指南和...

    基于网格线性查询的Grid_Code

    对于一层的Grid,只需要考虑对象所在的一行或一列;而对于两层的Grid,会同时考虑对象所在的行和列,进一步提高了查询的准确性。 此外,代码风格简洁是Grid_Code的一大优点。简洁的代码不仅易于阅读和理解,而且更...

    gt-grid的一个例子

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

    mfc_grid.zip_excel界面_grid_grid Visual c_mfc excel界面_mfc grid

    在Windows应用开发中,grid控件是一种常用的用户界面元素,它允许用户以二维表格的形式展示和编辑数据,非常适合用于数据管理和操作。 在MFC中,CGridCtrl是一个常见的grid控件类,可以用来实现类似Excel的界面。这...

    网页Grid组件 GT-Grid组件

    5. **编辑功能**:用户可以直接在Grid中进行单元格编辑,方便数据的增删改操作,通常包括行内编辑、弹出编辑等多种模式。 6. **响应式设计**:GT-Grid组件适应各种屏幕尺寸,自动调整布局以适应手机、平板和桌面...

    EXT grid中根据每一行的状态列内容来让当前行显示不同的背景颜色

    2. **创建列配置(Columns)**:在EXT Grid中,我们需要为每一列定义列配置。对于状态列,我们可以添加一个`renderer`函数,该函数会在数据显示之前被调用,用于格式化数据。在`renderer`中,我们可以检查状态值并返回...

    dhtmlxGrid网格控件

    - **数据操作**:如何添加、删除、修改表格中的数据,以及与服务器的交互。 - **事件处理**:监听用户操作,如点击、双击、选择等,实现响应式交互。 - **分页和排序**:高效地处理大量数据,提供友好的用户界面。 -...

    dhtmlxgrid常用方法

    `attachFooter`方法用于在dhtmlxGrid的底部动态添加一行(表脚),并可设置单元格的值和样式。此方法适用于专业版。 - `values`:一个数组,包含新行每个单元格的值,支持HTML内容。 - `style`:一个数组或字符串,...

    Grid++Report6.0

    Grid++Report是一款C/S与B/S集成报表工具,...3、纵向交叉项目列中可以定义统计框或综合文字框表达式,在合计列中关联的字段自动求和,在项目列中关联字段为复制首笔值。 ★子报表: 1、子报表无数据可以自动隐藏。

    ComBoxGrid(Combox增强网格下拉框控件(支持鼠标滚轮))

    ComBoxGrid是一款专门针对Windows应用程序开发的控件,它扩展了传统的组合框(Combox)功能,添加了网格视图并支持鼠标滚轮操作。这款控件为开发者提供了更丰富的用户界面选项,使得数据展示和交互更为便捷。下面将...

Global site tag (gtag.js) - Google Analytics