Question

在我的应用中，我在点击菜单项后使用core-drawer-toggle to toogle。样品：

<core-scaffold id="core_scaffold">
  <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar"></core-toolbar>
    <core-menu selected="Item1" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
      <core-item id="core_item" core-drawer-toggle horizontal center layout icon="settings" label="Item1" active></core-item>
      <core-item id="core_item1" core-drawer-toggle horizontal center layout icon="settings" label="Item2"></core-item>
    </core-menu>
  </core-header-panel>
  <div id="div" tool>Title</div>
</core-scaffold>

这适用于宽而窄的布局中的铬。

使用firefox和safari，它在狭窄的布局中也可以正常工作。但是当我用safari和firefox调整窗口大小时，menue-items就会消失。我可以使用core-drawer-toggle并在宽版面中显示菜单项吗？

Answer 1

我找到了办法。 core-scaffold有一个方法＆＃34; togglePanel＆＃34; （见例）

<core-scaffold id="core_scaffold">
  <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar"></core-toolbar>
    <core-menu selected="Item1" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
      <core-item label="Item1" icon="settings" size="24" id="core_item" on-tap="{{ doSomething }}" horizontal center layout active></core-item>
      <core-item label="Item2" icon="settings" size="24" id="core_item1" horizontal center layout></core-item>
    </core-menu>
  </core-header-panel>
  <div id="div" tool>Title</div>
</core-scaffold>

Polymer('my-element', {
  doSomething: function (){
    this.$.core_scaffold.togglePanel();
  }
});

聚合物core-header-panel和core-drawer-toggle菜单项消失

1 个答案: