拓展12-easyUI datagrid列表图片展示小图，鼠标悬停放大预览

1、效果图

• datagrid列表内展示的为小图，悬停展示的为高清大图
• onmouseover悬停事件
• onmouseout移走事件

2、jsp页面

<th data-options="field:'smallPic',width:20,formatter:smallpicFormt">图片</th>

3、js格式化图片展示

οnmοuseοver='bigImg(this)
οnmοuseοut='closeImg()

//smallpic格式化
function smallpicFormt(v, r, i) {
   
    return "<img src=" + v + " οnmοuseοver='bigImg(this)' οnmοuseοut='closeImg()' style=" + "'width: 50px;height: 50px'" + ">";
}

4、onmouseover事件

//鼠标放上去
function bigImg(imgObj) {
   
    var picdialog = $("#picdialog");
    var imgid = $("#img_id");
    if ((imgObj == undefined || imgObj == null || imgObj.length == 0)
        || ($(imgObj).attr