easyui datagrid操作栏内置图片按钮

有个需求,easyui datagrid表格新加一列操作列,操作列均以图片按钮显示,当鼠标滑至图片按钮时,变成手指,并显示文字提示可进行的操作。具体实现如下:

columns: [[
           {
				field: "id",
				title: "设备编号",
				width: 80,
				align: "center",
			},
          ......  //此处省略其他字段
           {
               field: "operation",
               title: "操作",
               width: 60,
               align: "center",
               formatter:function(){//使用formatter格式化刷子
	         	return "<img src='<%=basePath%>static/gairui/images/detail_normal.png'   
                       title='查看' style='cursor:pointer' width='15px' height='15px'/>";
				}
			}	
				
			]],
				toolbar:'#grid-toolbar',
            	onClickRow:function(value, row, index){ //鼠标点击事件
            		operation(value, row, index);
			}

猜你喜欢

转载自blog.csdn.net/shenxiaomo1688/article/details/94557799