zoukankan      html  css  js  c++  java
  • 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',
    				325,
    				sortable : false
    			},
    			{
    				title : '现网系统',
    				field : 'overper',
    				align:'overper',
    				320,
    				sortable : false
    			},
    			{
    				title : 'LLDP数据',
    				field : 'totalcount',
    				320,
    				align:'center',
    				sortable : false
    			},
    			{
    				title : '差异',
    				field : 'band',
    				align:'center',
    				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(&apos;" + row['layer'] + "&apos;)'>"+row.band+"</a>";  

    等同于 

    var str = "<a href='javascript:void(0)' onclick='compareValue('" + row['layer'] + "')'>"+row.band+"</a>";   
  • 相关阅读:
    自动生成 Makefile 的全过程详解
    cpio实例讲解
    RPM命令手册
    SSHFS
    shell脚本命令行参数传递问题
    批量改名总结
    例解 autoconf 和 automake 生成 Makefile 文件
    Shell中的shift命令
    cpio命令详解
    Git笔记基础
  • 原文地址:https://www.cnblogs.com/wgl0126/p/9203115.html
Copyright © 2011-2022 走看看