gwt - 如何在 FileUpload 小部件上触发 clickEvent？

Question

我正在尝试创建一个简单的按钮，当单击它时，我想触发 FormPanel 内的隐藏 FileUpload 小部件。到目前为止我所做的是两件事：

1. 我创建了一个本机 javascript 单击 FileUpload 的函数 简单时小部件的元素 单击按钮。这有效 在 Firefox 中很好，但不起作用 在 Chrome 中。
2. 另外，我还创建了 这：NativeEvent nevent = Document.get().createFocusEvent();//我也尝试过createclickEvent()。
   DomEvent.fireNativeEvent(nevent, fileUploadWidget);这不 根本不工作。

有人可以帮我吗？？？我已经搜索了很多，但我发现没有任何作用。

Answer 1

myFileUpload.getElement().<InputElement>cast().click()

这就是您正在寻找的。

为了使其在基于 WebKit 的浏览器（Chrome、Safari）中工作，FileUpload 必须“移出视图”但不能隐藏（如 setVisible(false) 中所示，它设置 CSS display 属性改为 none），即类似（在 CSS 中）： position:absolute;顶部：-1000px；左：-1000px；

Answer 2

我相信 Thomas Broyer 的答案现在已经过时了。我刚刚成功使用 myFileUpload.click() ，没有任何问题。

我还在 FileUpload 字段上使用了 setVisible(false)，并且它在 Chrome 中有效。尚未在 Safari 中进行测试，但看来这些问题现在已经得到解决。

Answer 3

您还可以像这样使用 JSNI：

private native void triggerClick(Element e) /*-{
    e.click();
}-*/;

然后调用

triggerClick(fileInput.getElement());