Question

我想咨询core-drawer-panel toggleAttribute。我正在使用Polymer构建Web应用程序，我需要使用至少两个core-drawer-panel元素。这意味着我需要修改抽屉的切换触发器，但是如果我执行此修改，如下面的代码片段所示，则它无效：

<core-drawer-panel toggleAttribute="custom-drawer-toggle">
    <core-header-panel drawer>
        <core-toolbar>
            <div>Application</div>
        </core-toolbar>
        <div> Drawer content... </div>
    </core-header-panel>
    <core-header-panel main>
        <core-toolbar>
            <core-icon-button icon="menu" custom-drawer-toggle></core-icon-button>
            <div>Title</div>
        </core-toolbar>
        <div> Main content... </div>
    </core-header-panel>
</core-drawer-panel>

有人能告诉我我做错了吗？

非常感谢！乙

Answer 1

据我所知，core-drawer-panel没有toggleAttribute，每个抽屉专门寻找具有core-drawer-toggle属性的孩子，并为其添加听众。

如果您遇到问题，可以手动设置您的听众：

<core-drawer-panel id="drawer1" responsiveWidth="700px">
  <core-header-panel drawer>
    <core-toolbar>
      Menu
    </core-toolbar>
  </core-header-panel>
  <core-header-panel main>
    <core-toolbar>
      <paper-icon-button on-tap="{{toggleDrawer}}" icon="menu">
      </paper-icon-button>
      <div>Main</div>
    </core-toolbar>
  </core-header-panel>
  <core-toolbar main>
    Footer
  </core-toolbar>
</core-drawer-panel>

// in your element definition

Polymer({
  toggleDrawer: function() {
    this.$.drawer1.togglePanel();
  }
})

如果您想要“togglePrimaryDrawer”和“toggleSecondaryDrawer”，这将允许您创建单独的方法。

自定义核心抽屉面板切换属性不打开隐藏的抽屉

1 个答案: