ExtJS文件上传字段无法正确显示

Question

我正在使用ExtJS 3.4，我想在我的应用程序中使用fileupload。我的代码和fileupload字段屏幕截图如下所示。显示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样式放在jsp文件中我的javascript代码定义我的问题解决了。