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を見てください。ここでは、 を使用しitemTplてビデオや情報などをレンダリングします。つまり、あなたの場合は次のようになります。

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>'

一度に 1 つのビデオだけを表示している場合は、次のようにします: (まだ削除さ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 に答える