Java gwtupload输入类型costum
我使用gwtupload库更改应用程序的上载视图。我想实现与本例基本相同的功能。因此,我有一个自定义按钮类:Java gwtupload输入类型costum,java,css,gwt,gwtupload,Java,Css,Gwt,Gwtupload,我使用gwtupload库更改应用程序的上载视图。我想实现与本例基本相同的功能。因此,我有一个自定义按钮类: public class CostumButton extends Composite implements HasClickHandlers { DecoratorPanel widget; public CostumButton() { widget = new DecoratorPanel(); initWidget(widget);
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());
}
}
和文件上载模板默认值:
// 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调试模式调试它,但从我的服装表单中找不到证据。不太清楚为什么。谢谢你的帮助
//编辑:
修复了一些问题,我知道我有我的自定义按钮和每设置自动提交(真);我禁用了“发送/提交”按钮。禁用可以很好地工作,但它只是不可见的,所以它在那里并占用空间,这是一个问题,因为我的上载程序位于另一个面板中,并且知道我无法将其居中,因为它位于“提交”按钮的中心。因此,我如何删除或重叠按钮。css?thx:)我修复了Css和帖子的问题 提示:如果将来有人想定制一个上传表单,对于一个简单的单文件上传,可以更容易地在新表单(图像、按钮等)上添加ClickHandler,它在基本上传表单上执行元素点击。然后,您可以将基础表单放置在显示区域之外,或者将其设置在新的自定义上载表单后面,然后使用css对其进行美化
gwtupload框架非常好,但是对于这个简单的任务来说,它需要很多。对于带有动画等的多文件上传,我可以推荐:)控制台输出/日志中是否有任何内容?如果没有,请尝试使用跟踪或调试日志级别运行开发模式。确定。我认为它没有连接正确。问题出在我的装饰面板上。好的,修好了。我的问题,但不是全部。(见问题编辑)