输入型肋

Question

我使用gwtupload来更改我的应用程序的上传视图。我希望实现与本例中的“使用可定制按钮的单个上传器.”基本相同的实现。因此，我有一个自定义按钮类：

public class CostumButton extends Composite implements HasClickHandlers {
    DecoratorPanel widget;

    public CostumButton() {
      widget = new DecoratorPanel();
      initWidget(widget);
      widget.setStyleName("costum-Button");

      widget.setSize("100%","100%");

    }

    public HandlerRegistration addClickHandler(ClickHandler handler) {
      return addDomHandler(handler, ClickEvent.getType());
    }


  }

和一个FileUploadFormImplDefault：

// new costum button
CostumButton button = new CostumButton();


// Create a FileUpload widget.
fileUpload = new SingleUploader(FileInputType.CUSTOM.with(button));

fileUpload.setTitle("costumFileUpload");

fileUpload.getWidget().setSize("100%", "50px");
RootPanel.get().add(fileUpload);

我的css文件：

.base-Button:active {
        position:relative;
        top:1px;
        border: none;
}

.costum-Button {
    cursor: pointer;
    background-color: green;
    background-image: url("resources/img/button_upload0.png");  
}

.custom-Button:hover {
    background-image: url("resources/img/button_upload0_hover.png");    
}

所有内容都带有一个上载视图：

uploadForm = new FileUploadFormImplCostum(actionUrl);
add(uploadForm);

当我启动我的应用程序(在调试模式下)时，不会显示任何内容。我尝试用chrome调试模式来调试它，但是没有从我的服装表单中得到任何证据。不太确定为什么。寻求任何帮助。

//编辑:修正了一些知道我有自定义按钮和setAutoSubmit(True)的东西；我禁用了“发送/提交”按钮。禁用很好，但它只是看不见的，所以它在那里，并占用空间，这是一个问题，因为我的上传是在另一个面板，并知道我不能对它，因为它的中心提交按钮。那么我如何删除或重叠按钮。css？thx :)

Answer 1

我用Css和postion修复了这个问题。

提示:如果将来有人想定制一个UploadForm，对于一个简单的文件上传，将一个clickHanderler添加到您的新表单(图像、按钮等)上会更容易，它执行元素单击基本上传表单的操作。然后，您可以将您的基本表单定位在显示区域之外，或者将其设置在新的自定义UploadForm后面，然后使用css美化它。

gwtupload框架非常好，但是对于这个简单的任务来说却是非常好的。对于带有动画等的multipy fileupload，我可以推荐它:)