本例是DotNet版写的easyUI例子
一、DotNet中代码:
function LoadSuccess() {
//var rows = $('#grid-dataList').datagrid('getRows');
//if (rows != undefined && rows.length > 0) {
// var dgDivArr = $('#grid-dataList').parent();
// var tableTd = $(dgDivArr).find('div.datagrid-body td[field="name"]');
// tableTd.each(function () {
// var $this = $(this);
// var index = $this.parent('tr').attr('datagrid-row-index');
// var currentRow = rows[index];
// var content = "";
// if (currentRow.id != undefined) {
// //请求后台获取图片地址
// var url = '/ResponseKeyWords/Edit/' + currentRow.id;
// var imgData = getRestData(url, undefined);//获取含有图片地址的json对象
// if (imgData.adress != undefined) {
// content = "<img style='width:240px; height:240px;' src='" + imgData.adress + "'/>";
// } else {
// content = '<div style=" max-width:700px;word-break: break-all; word-wrap: break-word;">' + currentRow.name + '</div>';
// }
// }
// $this.tips({ content: content, wrapColor: 'black' });
// });
//}
var rows = $('#grid-dataList').datagrid('getRows');
if (rows != undefined && rows.length > 0) {
var dgDivArr = $('#grid-dataList').parent();
var tableTd = $(dgDivArr).find('div.datagrid-body td[field="SmallImgUrl"]');
tableTd.each(function () {
var $this = $(this);
var index = $this.parent('tr').attr('datagrid-row-index');
var currentRow = rows[index];
var content = "";
if (currentRow.Id != undefined) {
//alert(currentRow.SmallImgUrl);
//请求后台获取图片地址
//var url = '/ResponseKeyWords/Edit/' + currentRow.id;
//var imgData = getRestData(url, undefined);//获取含有图片地址的json对象
if (currentRow.SmallImgUrl != "") {
content = "<img style='width:240px; height:240px;' src='" + currentRow.SmallImgUrl + "'/>";
$this.tips({ content: content, wrapColor: 'black' });
}
}
});
}
二、注意需要引入jquery、easyui以及jquery.easyui.tooltip.js三个资源文件才可以正常访问;
附:jquery.easyui.tooltip.js的资源地址:https://download.csdn.net/download/lwf3115841/20923975?spm=1001.2014.3001.5501
三、效果图: