EasyUI——DataGrid的自定义单元格点击事件

1.当点击的单元格需要传递参数,并且传递的是row的值时,需要进行转义

function initCompareTable(){
	$("#deviceCompareTable").html();
	$(‘#deviceCompareTable‘).append("<table id=‘compareTable‘ style=‘border:1px solid red;margin:0;padding:0;‘></table>");
	$("#compareTable").datagrid({
		title : false,
		fit : false,
		fitColumns : false,//设置为 true,则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
		striped :true,//奇偶行的颜色
		border : true,
		loadMsg : ‘正在加载数据,请稍候...‘,
		singleSelect:true,
		autoRowHeight:false,
		data:data,
		columns:[[
			{
				title : ‘设备分类‘,
				field : ‘layer‘,
				align:‘center‘,
				width:325,
				sortable : false
			},
			{
				title : ‘现网系统‘,
				field : ‘overper‘,
				align:‘overper‘,
				width:320,
				sortable : false
			},
			{
				title : ‘LLDP数据‘,
				field : ‘totalcount‘,
				width:320,
				align:‘center‘,
				sortable : false
			},
			{
				title : ‘差异‘,
				field : ‘band‘,
				align:‘center‘,
				width:320,
				sortable : false,
				formatter: function(value,row,index){
					var str = "<a href=‘javascript:void(0)‘ onclick=‘compareValue(&apos;" + row[‘layer‘] + "&apos;)‘>"+row.band+"</a>";
					return str;
				}
			}
		]]
	})
}

2.点击的事件

function compareValue(row){
	alert(row)
}

3.转义

var str = "<a href=‘javascript:void(0)‘ onclick=‘compareValue(‘" + row[‘layer‘] + "‘)‘>"+row.band+"</a>";  

等同于

var str = "<a href=‘javascript:void(0)‘ onclick=‘compareValue(" + row[‘layer‘] + "‘)‘>"+row.band+"</a>";

  

原文地址:https://www.cnblogs.com/wgl0126/p/9203115.html

时间: 2024-10-10 12:53:13

EasyUI——DataGrid的自定义单元格点击事件的相关文章

JQuery EasyUI DataGrid动态合并单元格

/**        * EasyUI DataGrid根据字段动态合并单元格        * @param fldList 要合并table的id        * @param fldList 要合并的列,用逗号分隔(例如:"name,department,office");        */        function MergeCells(tableID, fldList) {            var Arr = fldList.split(",&quo

easyui datagrid 通过双击单元格或者行修改内容,分页传参问题

这个是通过双击单元格或者行修改内容,以下是具体写法,在这里遇到一个问题,之前一直用post,分页参数始终带不过去,改为get就可以了 function init(){ var name = document.getElementById("name").value; $('#dataGrid').datagrid({ url:"${basepath}/sys/group/grouplist", method: 'get', pagination:true, //是否

UIView添加手势 然后UITableView 添加进这个View 导致UITableView 的单元格点击事件无效

#import "ViewController.h" @interface ViewController ()<UITableViewDataSource,UITableViewDelegate,UIGestureRecognizerDelegate> @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; UIView * v = [[UIView alloc] init

UIView加入手势 然后UITableView 加入进这个View 导致UITableView 的单元格点击事件无效

#import "ViewController.h" @interface ViewController ()<UITableViewDataSource,UITableViewDelegate,UIGestureRecognizerDelegate> @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; UIView * v = [[UIView alloc] init

EasyUI DataGrid可编辑单元格

效果如图: 首先在需要可编辑的列上添加一个editor属性,列定义为numberbox编辑类型 <th field="SCORES" editor="{type:'numberbox',options:{precision:0}}" width="120">默认分值 </th> 当用户点击一行的时候,我们开始一个编辑动作 $('#dg').datagrid({ onClickCell: function(index,fie

通过自定义单元格渲染器在Jtable中显示超链接

转载:http://www.tuicool.com/articles/qE7FNv 在JTable中自定义单元格渲染器是非常简单和容易的.对于单元格渲染器来说,它的主要任务就是为目标单元格返回一个Component对象,以呈现其内容.说到Component,就应该豁然开朗了,因为在Swing中,所有可在屏幕上显示的图形控件都是Component的直接或间接子类,也就是说,理论上你可以在JTable单元格中显示任意图形控件! 当然,实际上有一些控件是不能在单元格中显示的,比如JFrame这样的独立

WPF:获取DataGrid控件单元格DataGridCell

转载:http://blog.csdn.net/jhqin/article/details/7645357 /* ---------------------------------------------------------- 文件名称:DataGridPlus.cs 作者:秦建辉 MSN:[email protected] QQ:36748897 博客:http://blog.csdn.net/jhqin 开发环境: Visual Studio V2010 .NET Framework 4

IOS学习之——表视图3 自定义单元格

写在前面 今天看新闻,科比肩部撕裂,可能会提前退役,这个顽固的男人,终于要落幕了,虽然我不是他的球迷,也是心生敬仰,今天的主题就以科比为素材,向这位人生的斗士致敬. 前面我们讲到了tableview的单元格的系统自带的image label,用起来很方便,可是毕竟限制很多,这一篇将会讲到一个神奇的东西--自定义单元格,由你控制单元格显示的内容,位置,形式.如下图,我们要制作一个球星列表,需要四项信息:头像+姓名+年龄+性别 设置界面 拖控件,如下图 设置单元格高度,这里要讲一下高度有两个: 设置

浅谈DevExpress&lt;五&gt;:TreeList简单的美化——自定义单元格,加注释以及行序号

今天就以昨天的列表为例,实现以下效果:预算大于110万的单元格突出显示,加上行序号以及注释,如下图: 添加行序号要用到CustomDrawNodeIndicator方法,要注意的是,取得的节点索引是从0开始的,所以要+1以便第一行从一开始算起. private void treeList1_CustomDrawNodeIndicator(object sender, CustomDrawNodeIndicatorEventArgs e) { TreeList tree = sender as D