gwt - 如何触发FileUpload小部件上的ClickEvent？ [英] gwt - how can i trigger clickEvent on FileUpload widget?

问题描述

我试图创建一个简单的按钮，当它被点击时，我想触发一个隐藏的FormUpdate内的FileUpload小部件。我到现在为止做了两件事：

1. 我已经创建了一个原生的javascript
   函数来单击FileUpload
   简单的
   按钮被点击的时候b元素的元素。这在Firefox中运行
   ，但在Chrome中无法运行
   。还有，我已经创建了
   这个：NativeEvent nevent =
   Document.get（）。createFocusEvent（）; //我也尝试了createclickEvent（）。
   
   DomEvent.fireNativeEvent（nevent，fileUploadWidget）;这不是
   的工作。

任何人都可以帮我吗？我搜索了很多，但我发现什么都没有工作。

解决方案

  myFileUpload.getElement 。< InputElement> cast（）。click（）
  

就是你要找的东西。 / p>

为了在基于WebKit的浏览器（Chrome，Safari）中工作，FileUpload必须移出视图而不是隐藏（如 setVisible（false），它将CSS display 属性设置为 none 即像（在CSS中）： position：absolute;顶部：-1000px; left：-1000px;

I' m trying to create a simple Button and when it's clicked I want to trigger a hidden FileUpload widget which is inside a FormPanel. What I have done until now is two things:

1. I have created a native javascript function that clicks the FileUpload widget's element when simple button is clicked. This works fine in Firefox but it doesn't work in Chrome.
2. Also, I have created this: NativeEvent nevent = Document.get().createFocusEvent();//I have tried and createclickEvent() too.
   DomEvent.fireNativeEvent(nevent, fileUploadWidget); This doesn't work at all.

Can anyone help me please??? I have searched a lot but I find nothing working.

解决方案

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

is what you're looking for.

For it to work in WebKit-based browsers (Chrome, Safari), the FileUpload has to be "moved out of view" but not hidden (as in setVisible(false), which sets the CSS display property to none), i.e. something like (in CSS): position:absolute; top: -1000px; left: -1000px;

这篇关于gwt - 如何触发FileUpload小部件上的ClickEvent？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！