2

我正在做的项目目前使用的是richfaces 3.3.3。我禁用了除“添加”按钮之外的所有按钮，或者在我们的例子中，我们将其称为“浏览”并为此使用了 addControlLabel。

<rich:fileUpload fileUploadListener="#{fileUploadBean.listener}" maxFilesQuantity="#{fileUploadBean.uploadsAvailable}"
    addControlLabel="Browse" immediateUpload="#{fileUploadBean.autoUpload}" listHeight="0" listWidth="auto"
    allowFlash="#{fileUploadBean.useFlash}" styleClass="float-left">
    <a4j:support event="onuploadcomplete" reRender="mainMsgPanel,upload,homeTable,errorPanelImage,panelErrorMessage,imageSuccessMessage"  />
    <a4j:support event="onsizerejected" reRender="mainMsgPanel,upload,homeTable,uploadMessage,panelErrorMessage,imageSuccessMessage,errorPanelImage"
        action="#{fileUploadBean.uploadRejected}" />
</rich:fileUpload>

选择文件并在“文件上传”对话框窗口中按下“打开”按钮后，文件将自动上传所选文件。问题是，一旦按下“打开”按钮，按钮的图像就会被按下，几乎是按钮本身的整个高度，但是“浏览”文本被推到右侧并且文本的颜色会发生变化从白色到黑色。

我有截图，但我还不能在这里发布，所以，这里有指向我的公共 Dropbox 的链接，其中包含每张图片。

在上传任何文件之前，此屏幕截图应该是这样的：http: //dl.dropbox.com/u/74251265/fileupload-start.jpg

此屏幕截图是在“文件上传”对话框窗口中选择文件并按下“打开”按钮后的样子：http: //dl.dropbox.com/u/74251265/fileupload-during.jpg

完成上传后，UI 会回到正确的布局，如第一个屏幕截图所示。

这是我的按钮 CSS 和渲染组件时生成的大多数 RichFaces 类：

.rich-fileupload-toolbar-decor {
    border: none;
}

.rich-fileupload-list-decor {
    border: none;
}

.rich-fileupload-button-border {
    border: none;
    margin: 0;
    width: 100%;
}

.rich-fileupload-button-press,
.rich-fileupload-ico-add {
    background-image: none;
    padding: 2px 0 0 0;
}

.rich-fileupload-ico-start,
.rich-fileupload-ico-stop,
.rich-fileupload-ico-clear {
    display: none;
    background-image: none;
}

.rich-fileupload-ico {
    padding: 2px 0 0 0;
    background-image: none;
}

.rich-fileupload-button,
.rich-fileupload-button-light,
.rich-fileupload-button-press {
    border: none;
    position: relative;
    color: white;
    text-decoration: none;
    padding: 0;
    width: 93px;
    height: 24px;
    cursor: pointer;
    background-image: none;
    background: url("/img/layout/button_browe-blue-93x24.png") no-repeat;
}

.rich-fileupload-button-content {
    padding: 4px 0;
    text-align: center;
    text-shadow: 1px 1px #000;
}

我不知道可能导致这种情况发生的原因。有没有人有任何想法，意见，建议？任何事情都会有所帮助。谢谢

4

0 回答 0