2016-09-29 85 views
1

我想排除File類型的Vaadin Paper Input的「選擇文件」按鈕,並使用標準Vaadin紙張輸入 執行相同的操作,點擊標準Vaadin紙張輸入,我想打開瀏覽器窗口。在Vaadin Paper中爲文件瀏覽窗口打開動作觸發哪個事件文件類型輸入

我試圖從標準Vaadin紙張輸入的點擊事件中模擬Vaadin Paper輸入的File類型的點擊事件和焦點事件。 焦點和點擊都按預期正常工作,但瀏覽器窗口未打開。

我的原型代碼看起來像這樣,通過此代碼,我能夠模擬焦點事件。同樣,我嘗試了點擊事件,但沒有達到我的預期。

final PaperInput text = new PaperInput(); 
    text.setLabel("Text Box"); 
    text.setAlwaysFloatLabel(true); 


    final PaperInput filePaperInput = new PaperInput(); 
    filePaperInput.setLabel("File"); 
    filePaperInput.setType("file"); 
    filePaperInput.setAlwaysFloatLabel(true); 


    text.addClickHandler(new ClickHandler() { 

     @Override 
     public void onClick(ClickEvent event) {    
      filePaperInput.getElement().<InputElement> cast().focus(); 
     } 
    }); 

回答

0

所述聚合物元件文檔讀取:

一種紙張輸入可以使用本機類型=搜索或類型=文件的功能。但是,由於我們無法控制輸入(搜索圖標,文件按鈕,日期佔位符等)的本地樣式,因此在這些情況下,標籤將自動浮動,因此,。佔位符屬性仍可用於其他信息文本。

話雖如此,我不知道它是否可以從容器中刪除。

閱讀本太:

爲什麼是不是可以以編程方式觸發文件輸入選擇?

當輸入字段沒有收到直接點擊(或鍵盤)事件作爲安全預防措施時,大多數瀏覽器會阻止提交文件。 某些瀏覽器(例如Google Chrome)僅阻止點擊事件,例如 , Internet Explorer不會提交通過程序觸發的文件輸入字段選擇的 的任何文件。 Firefox 4 (及更高版本)是迄今爲止唯一完全支持調用 「click」事件的瀏覽器 - 完全隱藏(顯示:無)文件輸入 字段中的事件。

相關問題