ExtJS插件FileUpload的大问题

Question

我有以下问题。我有一个带有'fileuploadfield'的表单，但是“默认”它出现在表格中！它显示有两个按钮和两个输入字段，但其中一个正在工作，另一个不起作用：

正如您在图像中看到的那样，唯一有效的是“灰色的”。

这是构建此项目的功能：

buildBrowseFoto : function() {
    return {
        xtype          : 'container',
        layout         : 'column',
        anchor         : '-10',
        defaultType    : 'container',
        defaults       : {
            width      : 300,
            labelWidth : 80,
            layout     : 'form'
        },
        items          : [  
        {
            items      :  {
                xtype: 'fileuploadfield',
                emptyText: '',
                fieldLabel: 'Foto',
                buttonText: 'Selecciona una foto...',
                name: 'foto'
            }
        }
        ]
    };
}

这是扩展FormPanel的类中的函数。也许这对你来说似乎很奇怪，但就像JayGarcía构建形式一样，我也是这样：P。

Answer 1

看起来像是一个CSS问题。您应该做的第一件事是确保包含该字段附带的fileUploadField.css。我会在这里粘贴内容：

.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
    position: absolute;
    right: 0;
    -moz-opacity: 0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
    position: absolute;
    right: 0;
    z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

如果这不能解决问题，那么您必须拥有一些自定义CSS或一些搞乱表单的东西。尝试使用FireBug并查看元素周围的样式，并尝试关闭您可能意外拥有的任何自定义样式，这些样式将覆盖应该存在的样式。