jQuery MiniUI

标题: CardView问题 [打印本页]

作者: shen123    时间: 2023-4-18 17:26:16     标题: CardView问题

<div id="datagrid1" class="mini-datagrid" style="width:700px;height:300px;" showHeader="true" title="Card View"
    url="countrys.txt"  idField="id" allowResize="true" showPager="false"
    viewType="cardview" itemRenderer="itemRenderer" showColumns="false"
>
    <div property="columns">

    </div>
</div>   

这个url可以是一个文件夹么,里面内容有什么格式没

作者: felt    时间: 2023-4-19 08:49:37

url指向数据提供地址,这里数据需要时一个数组。
作者: shen123    时间: 2023-4-19 10:32:21

felt 发表于 2023-4-19 08:49
url指向数据提供地址,这里数据需要时一个数组。

0: {name: "院长", url: "D:\uts\utsSystem\out\artifacts\utsSystem_war_exploded\upload\广告\iu.jpg"}
1: {name: "院长1", url: "D:\uts\utsSystem\out\artifacts\utsSystem_war_exploded\upload\广告\iu.jpg"}

我这个显示不出来
作者: felt    时间: 2023-4-19 11:57:37

shen123 发表于 2023-4-19 10:32
0: {name: "院长", url: "D:\uts\utsSystem\out\artifacts\utsSystem_war_exploded\upload\广告\iu.jpg"} ...

请f12检查绘制之后的拼接出来的图片地址收否正确
作者: shen123    时间: 2023-4-19 15:12:18

本帖最后由 shen123 于 2023-4-19 15:27 编辑

function itemRenderer(record, rowIndex, meta, grid) {

    meta.rowCls = "item";
    console.info(record);
    var html = '<div class="item-inner">'
        + '<img class="item-image" src="countries/' + record.url + '"/>'
        + '<div class="item-text">' + record.name + '</div>'
        + '<div class="item-action"><button class="button add">收藏</button></div></div>';
    return html;
}我的这个不执行是为什么
作者: felt    时间: 2023-4-19 15:30:11

shen123 发表于 2023-4-19 15:12
function itemRenderer(record, rowIndex, meta, grid) {

    meta.rowCls = "item";

参考示例,如果和示例一样使用不执行那么可能是miniui版本太低。




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2