extjs - ExtJS 文件上传字段未正确显示

Question

我正在使用 ExtJS 3.4，我想在我的应用程序中使用 fileupload。我的代码和文件上传字段屏幕截图如下所示。显示文件上传字段时出现问题，我无法解决此错误。任何人都可以帮忙吗？

var uploadFormPanel = new Ext.FormPanel({
    fileUpload  : true,
    autoHeight  : true,
    height      : 200,
    bodyStyle   : 'padding: 10px 10px 0 10px;',
    labelWidth  : 50,
    defaults    : {
        anchor      : '95%',
        allowBlank  : false,
        msgTarget   : 'side'
    },
    items: [
            {
                xtype           : 'combo',
                fields          : ['id','name'],
                name            : 'fuelCompany',
                store           : comboStore,
                valueField      : 'id',
                displayField    : 'name',
                submitValue     : true,
                typeAhead       : true,
                triggerAction   : 'all',
                selectOnFocus   : true,
                allowBlank      : false,
                mode            : 'remote',
                anchor          : '95%'
            },{
                xtype       : 'fileuploadfield',
                id          : 'form-file',
                name        : 'file',
                buttonText  : 'select file',
                buttonCfg   : {
                    iconCls : 'upload-icon'
                }
            }
    ]
});

Answer 1

这有点棘手，但我想我想出了如何让按钮显示文本：

//...
{
    xtype       : 'fileuploadfield',
    id          : 'form-file',
    name        : 'file',
    buttonCfg   : {
        text    : 'select file'
    }
}
//...

您需要将按钮文本放在buttonCfg按钮中以正确调整大小。iconCls唯一的缺点是，如果您希望按钮自动调整大小，则无法添加按钮。作为替代方案，您可以使用一些解决方法：

//...
{
    xtype       : 'fileuploadfield',
    id          : 'form-file',
    name        : 'file',
    buttonCfg   : {
        // The text cfg takes html too
        text    : '<div class="upload-icon"' +
                  ' style="width: 15px; height: 15px; display: inline-block;' +
                  ' margin: 0 5px;"></div>' +
                  'select file'
    }
}
//...

Answer 2

它无法访问 css 文件，我将 css 样式放在我的 javascript 代码定义的 jsp 文件中解决了我的问题。