【经验分享】gird显示图片的方法.

winfarmer

需要引入以下文件,否则params无效
    <script src="~/res/js/grid.js"></script>
//grid里
F.RenderField().HeaderText("PIC").EnableColumnHide(false).RendererFunction("renderActionShowImg").Width(240),

//render函数,地址保存在MainPic里
  function renderActionShowImg(value, params) {

            var imageUrl = params.rowValue["MainPic"];

          //  alert(imageUrl);

            return '<img style="width:240px;height:160px;" src="' + imageUrl + '">';
        }

erp8@live.cn

最好是加个超链接,以打开图片.

erp8@live.cn

return '<a class="action-btn mybtn2" href="' + imageUrl + '"  target="_blank" "javascript:;"><img class="f-grid-cell-icon" src="' + imageUrl + '"></a>';