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>";   
  • 相关阅读:
    Mysql中使用FIND_IN_SET解决IN条件为字符串时只有第一个数据可用的问题
    Mysql中游标的使用
    xcode5下cocos2dx横竖屏设置
    VUE 小点 1
    绝对定位居中
    清楚float的方法4种
    socket模拟简单的服务器
    Django + Uwsgi + Nginx 的生产环境部署
    常见排序算法
    mro之C3算法
  • 原文地址:https://www.cnblogs.com/wgl0126/p/9203115.html
Copyright © 2011-2022 走看看