Polymer 1.0 paper-drawer-panel 抽屉关闭时调用函数
Polymer 1.0 paper-drawer-panel call function when drawer closes
我有一个带关闭抽屉的纸抽屉面板。当我点击一个晶圆厂时,我打开抽屉并隐藏晶圆厂。然而,当抽屉再次关闭时,我想重新展示工厂。
我的问题是:我怎么知道抽屉何时关闭?
我查看了 paper-drawer-panel 文档中列出的两个事件,并尝试了 paper-select 和 paper-responsive-change。我按以下方式使用它们:
html:
<paper-drawer-panel right-drawer force-narrow narrow paper-select="changed">
<div main> content... </div>
<div drawer> drawer content </div>
</paper-drawer-panel>
js:
changed:function(){
console.log("inside event");
}
这应该有效吗?谁能提供一些建议?
正如我在评论中提到的,我通过使用 TrevorDixon 的建议并将 paper-select 更改为 on-iron-select
解决了这个问题
http://jsbin.com/winedi/edit?html,output
menuToggle: function() {
if (this.$.paper_drawer_panel.narrow && $(this.$.paper_drawer_panel).width() < parseInt(this.$.paper_drawer_panel.responsiveWidth)) {
this.$.paper_drawer_panel.togglePanel();
} else {
this.$.paper_drawer_panel.forceNarrow = !this.$.paper_drawer_panel.forceNarrow;
}
}
取自Polymer 1.0 paper-drawer-panel toggle is not working
我有一个带关闭抽屉的纸抽屉面板。当我点击一个晶圆厂时,我打开抽屉并隐藏晶圆厂。然而,当抽屉再次关闭时,我想重新展示工厂。
我的问题是:我怎么知道抽屉何时关闭?
我查看了 paper-drawer-panel 文档中列出的两个事件,并尝试了 paper-select 和 paper-responsive-change。我按以下方式使用它们:
html:
<paper-drawer-panel right-drawer force-narrow narrow paper-select="changed">
<div main> content... </div>
<div drawer> drawer content </div>
</paper-drawer-panel>
js:
changed:function(){
console.log("inside event");
}
这应该有效吗?谁能提供一些建议?
正如我在评论中提到的,我通过使用 TrevorDixon 的建议并将 paper-select 更改为 on-iron-select
解决了这个问题http://jsbin.com/winedi/edit?html,output
menuToggle: function() {
if (this.$.paper_drawer_panel.narrow && $(this.$.paper_drawer_panel).width() < parseInt(this.$.paper_drawer_panel.responsiveWidth)) {
this.$.paper_drawer_panel.togglePanel();
} else {
this.$.paper_drawer_panel.forceNarrow = !this.$.paper_drawer_panel.forceNarrow;
}
}
取自Polymer 1.0 paper-drawer-panel toggle is not working