1

我正在使用 MultiUploader，有时会裁剪“上传”按钮。仅当页面加载时上传器按钮不可见时才会发生这种情况。当我进一步使其可见时，按钮变得可见，但被裁剪。如果页面使用 param=true 加载，一切正常。

//mvp4g is used
public void onEventBusEventName(boolean param) {
 ...
 view.uploader.setVisible(param);
 ...
 this.view.logoUploader.setI18Constants(UiConstants.INSTANCE);
 this.view.logoUploader.setStyleName("logo-uploader");
 view.logoUploader.addOnFinishUploadHandler(new IUploader.OnFinishUploaderHandler() {
  @Override
  public void onFinish(IUploader uploader) {
   if (uploader.getStatus() == IUploadStatus.Status.SUCCESS) {
    String fileId = uploader.getFileInput().getName();
    updateLogo(fileId);
   } else {
    Window.alert(uploader.getStatus().toString());
   }
  }
 });
 ...
 eventBus.setCenterContent(view); //setting root widget to specified view currently showing
}

它的外观：http: //imgur.com/i0rxerJ.jpg

类视图：

@UiField
MultiUploader logoUploader;

类视图UI：

<gwtupload:MultiUploader type="BUTTON" ui:field="logoUploader" title="Upload new logo"
                                     avoidRepeatFiles="true" maximumFiles="1"
                                     validExtensions="jpg,png,jpeg,bmp"/>

CSS： 

.logo-uploader {
 margin-bottom: 10px;
 float: left;
}

.logo-uploader .gwt-Button {
 display: inline-block;
 width: 171px;
 height: 26px;
 background: url(../i/sprite.png) -1px -335px no-repeat;
 text-align: center;
 text-decoration: none;
 line-height: 1;
 border: none;
 color: #195c84;
 cursor: pointer;
}
.logo-uploader .gwt-Button:hover {
 background: url(../i/sprite.png) -1px -362px no-repeat;
}
4

0 回答 0