miniui 有没有办法展示图片

lzf1992123

miniui 有没有办法展示图片，格式如图所示，急急急！！！！！！！！！！！！！！！！！

felt

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

lzf1992123

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

lzf1992123 发表于 2018-6-29 09:17
这是我写的js：
  
        mini.parse();

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