Question

我是Ext JS的新手，并使用ExtJS和Spring学习Gerald Gierrer关于企业应用程序开发的书籍 - 第10章。生成Ext JS 4.2.2应用程序之后。我已将资源文件夹.png和.ico文件复制到新生成的应用程序中。我不知道这些图像和图标如何在面板上显示。

以下是LogonWindow。如何在程序运行时显示logo-small：

Ext.define("TTT.view.LogonWindow", {
    extend: 'Ext.window.Window',
    xtype: 'logonwindow',
    closable: false,
    iconCls: 'logo-small',
    width: 300,
    bodyPadding: 10,
    title: 'Task Time Tracker Logon',
    requires: ['Ext.form.field.Text'],
    initComponent: function() {
        var me = this;

下一个位于MainHeader中，logo.png保存在resources\images中。但它并没有出现在MainHeader。

Ext.define('TTT.view.MainHeader', {
    extend: 'Ext.container.Container',
    xtype: 'mainheader',
    requires: ['Ext.toolbar.Toolbar'],
    layout: {
        align: 'stretch',
        type: 'hbox'
    },
    initComponent: function() {
        var me = this;
        Ext.applyIf(me, {
            items: [{
                xtype: 'container',
                cls: 'logo',
                width: 300
            }, {
                xtype: 'toolbar',

关于如何处理这个问题的任何线索？

Ext JS：如何在resources文件夹中显示logo.png文件？

0 个答案: