FineUI 官方论坛

标题: 【经验分享】gird显示图片的方法. [打印本页]

作者: winfarmer 时间: 2019-3-10 19:40
标题: 【经验分享】gird显示图片的方法.
需要引入以下文件,否则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 时间: 2019-3-10 19:50
最好是加个超链接,以打开图片.

作者: erp8@live.cn 时间: 2019-3-10 20:03
return '<a class="action-btn mybtn2" href="' + imageUrl + '" target="_blank" "javascript:;"><img class="f-grid-cell-icon" src="' + imageUrl + '"></a>';

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)