Question

我有一个纸抽屉面板，有一个封闭的抽屉。当我点击工厂时，我打开抽屉并隐藏工厂。然而，当抽屉再次关闭时，我想重新展示工厂。

我的问题是：我怎么知道抽屉什么时候关闭？

我查看了纸质抽屉面板文档中列出的两个事件，并尝试了纸张选择和纸张响应变化。我用以下方式使用它们：

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");
}

这应该有用吗？任何人都可以提供一些建议吗？

Answer 1

正如我在评论中所提到的，我通过使用TrevorDixon的建议并将纸张选择更改为on-iron-select来解决这个问题

Answer 2

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

抽屉关闭时，聚合物1.0纸抽屉面板调用功能

2 个答案: