2017-05-22 62 views
0

我需要将纸张输入对准纸张对话框。我尝试了所有可用的解决方案,但没有任何工作。如何使聚合物1.9.1的纸张输入焦点?

this.$.homeSearch.$.input.focus(); 

这是我markaup

<paper-input id="homeSearch" class="home-search-btn" placeholder="Where do you want to go?" no-label-float value="{{searchText}}"> 

</paper-input> 

我不想自动对焦时,页面加载。我需要从方法中引发焦点事件。取而代之的

this.$.homeSearch.$.input.focus(); 

回答

1

,你可以做

this.$.homeSearch.focus(); 

代替。 paper-input默认从HTMLElement继承,所以它已经有一个focus内置方法。

+0

该解决方案适用于纸张输入,但我在纸张对话框中使用了纸张输入。我想在对话框打开时关注输入。我有一个方法openDialog:function(){this。$。animated.open();这。$。homeSearch.focus();}但它没有关注。 – aaron

+0

@aaron因为渲染时间不合适而不重点。为了测试它,在调用'this。$。homeSearch.focus()'之前设置例如2秒的超时时间。如果它工作正常,那么你可以试试纸对话事件'iron-overlay-opened'或'Polymer.renderStatus.afterNextRender'。我还没有测试过它。 –

相关问题