0

我一直在尝试所有我能想到的组合，我也没有从搜索中找到任何东西，但我想做的是从我的服务器加载一个 JSON 对象，然后用它来渲染一个带有视频、信息等的面板.

但是我什么都做不了，我在这里做错了什么？

    {
        xtype: 'panel',
            navigationBar: {hidden: true},
        title: 'Video feed',

            html: '<video width="320" height="240" controls="controls"><source src="{video.url}" type="video/mp4"></video>',

        store: {
        autoLoad: true,
            fields: ['video'],
            proxy: { type: 'jsonp', url: 'http://patrick.includu.com/app/appvideos/getVideoPage/234', reader: { type: 'json' } }
        }
    }
4

2 回答 2

0

首先，请注意您从代理返回的 JSON 无效。你可以在这里验证它。

要从您的 JSON 呈现视图，请查看Sencha 的 Dataview。在这里，您使用 anitemTpl来呈现您的视频、信息等。因此，在您的情况下，如下所示：

itemTpl: '<video width="320" height="240" controls="controls"><source src="{video.url}" type="video/mp4"></video>'

我希望这可以进一步帮助您！

于 2012-11-13T14:14:19.090 回答
0

如果您的商店将有多个视频记录并且您想要显示所有这些视频，请尝试删除html:并添加：

tpl: '<tpl for=".">' + 
       '<video width="320" height="240" controls="controls"><source src="{video.url}" type="video/mp4"></video>' +
     '</tpl>'

如果您一次只显示一个视频，只需执行以下操作：（html:但仍在删除）

tpl: '<video width="320" height="240" controls="controls"><source src="{video.url}" type="video/mp4"></video>'

另一个问题：如果html指定了标签，即使html: ''它总是会覆盖指定的 tpl。

于 2012-11-14T09:56:24.460 回答