Question

我是ExtJS的初学者，我想用ExtJS创建音频播放器，我不知道如何将Xtemplate插入gridpanel列来显示音频文件。也许有人帮助我。谢谢你的任何建议。

Answer 1

您可以使用以下代码来创建mp3播放器。确保您的浏览器支持html 5.

Ext.create('Ext.form.Panel', {
bodyPadding: 10,
border: false ,
height:200,
width:200,          
items: [{
xtype: 'label',
fieldLabel: 'Audio File',
html:'<audio controls><source src="yariyan.mp3" type="audio/mpeg">Your browser does not support the audio tag.</audio>'
}]
});

Answer 2

谢谢，我通过使用xtype解决了这个问题：'templatecolumn'和config tpl

Ext.define('PV.view.player.Playlist', {
extend: 'Ext.grid.Panel',
alias: 'widget.playlist',
title: 'Music',
store: 'Playlist',

initComponent: function() {
    this.columns = [
        {
            xtype: 'templatecolumn',
            dataIndex: 'url',
            tpl: '<audio controls src={url}></audio>'
        }
    ];
    this.callParent(arguments);
}

}）;

ExtJS如何将Xtemplate插入gridpanel列以显示音频文件

2 个答案: