jQuery MiniUI

标题: miniui 有没有办法展示图片 [打印本页]

作者: lzf1992123 时间: 2018-6-28 16:02:53 标题: miniui 有没有办法展示图片

miniui 有没有办法展示图片，格式如图所示，急急急！！！！！！！！！！！！！！！！！[attach]11033[/attach]

作者: felt 时间: 2018-6-28 16:37:18

可以使用datagrid的cardView模式
http://www.miniui.com/demo/#src=datagrid/cardview.html

作者: lzf1992123 时间: 2018-6-29 09:17:00

felt 发表于 2018-6-28 16:37
可以使用datagrid的cardView模式
http://www.miniui.com/demo/#src=datagrid/cardview.html

这是我写的js：
  <script type="text/javascript">
      mini.parse();
      var grid = mini.get("datagrid1");
      grid.load();
      function itemRenderer(record, rowIndex, meta, grid) {
         meta.rowCls = "item";
         var html = '<div align="center" class="item-inner">'
                  + '<img align="center" class="item-image" src="<%=path%>/' + record.url + '"/>'
                  + '<div align="center" style="font-size:9px;" class="item-text">' + record.name + '</div></div>';
         return html;
      }

function generatePage(){
var key = mini.get("key").getValue();
$.ajax({
            url: "<%=path%>/czbs/qrcodeAction.do?method=generateQrdata&parentId="+key,
            type: "post",
            success: function (text) {
               alert(text);
               itemRenderer(text);
            }
      });
}
</script>

itemRenderer(record, rowIndex, meta, grid)这参数是代表什么，下面的方法是我从后天传过来的json数据包含url和name

作者: dforce 时间: 2018-6-29 10:01:35

lzf1992123 发表于 2018-6-29 09:17
这是我写的js：

mini.parse();

请参考我们示例的使用，itemRenderer是表格的属性，必须写在表格的html内使用
record 当前数据
rowIndex 当前数据顺序
meta 可传递外部信息{rowCls:"",rowStyle:"'}
grid 当前表格

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)