sencha touch XTemplate 问题中的图片库答案

【问题标题】：Image Gallery in sencha touch XTemplate Issuesencha touch XTemplate 问题中的图片库
【发布时间】：2015-04-15 13:12:56
【问题描述】：

我对 sencha touch 还很陌生，仍在探索中。

我正在使用 sencha touch(5.1) +phonegap 构建一个具有画廊的应用程序并在 iPhone 上进行测试。

我在我的数据视图中创建了这个。

itemTpl: [
        '<div class="Capture">',
            '{dateStamp:date("F j, Y")}<br>',
            '<tpl if="medias.length == 0">No Moments Captured</tpl>',
            '<tpl for="medias">',
                '<p>{#}: </p>', 
                 '<tpl if="type == \'i\'"><img src="{url}" width="100" height="100"/></tpl>',
                 '<tpl if="type == \'v\'"><video src="{appUrl}"  height="100" width="100"/></tpl>',
               '</tpl>',

        '</div>',

    ],

输入：变量数据 = { dateStamp: '2015 年 4 月 15 日星期三 17:53:44 GMT+0530 (IST)',

medias: [
    { type: "i",  url: "", appUrl:"" },
    { type: "i",  url: "", appUrl:"" },
    { type: "v",  url: "", appUrl:"" },
    { type: "v",  url: "", appUrl:"" },
    { type: "v",  url: "", appUrl:"" },
]

};

type 的值 i 和 v 表示图像和视频。

如果所有媒体记录都是图像记录，则可以正常工作。
如果媒体的前 2 条记录是图像和其余视频，则仅显示 2 幅图像和一个视频，其余我什么都看不到。
如果第一个是图像，然后是视频，则只显示第一个图像和下一个视频。

基本上，一旦它检测到视频，则不会显示该记录之后的其余内容。

谁能指导我哪里出错了？感谢您的帮助:)

【问题讨论】：

标签： ios extjs touch gallery xtemplate

【解决方案1】：

这很愚蠢。我所做的唯一更改是 '<tpl if="type == \'v\'"><video src="{appUrl}" height="100" width="100"></video></tpl> 让它工作。

【讨论】：