Polymer 点击脚手架工具栏中的图标按钮后,不会出现下拉列表
如何在脚手架工具栏中实现下拉菜单?Polymer 点击脚手架工具栏中的图标按钮后,不会出现下拉列表,polymer,Polymer,如何在脚手架工具栏中实现下拉菜单? 我正在努力 <template is="auto-binding"> <div relative tool> <core-icon-button id="sonst" icon="more-vert"></core-icon-button> <core-dropdown relatedTarget="{{$.sonst}}" halign="right" valign="top">
我正在努力
<template is="auto-binding">
<div relative tool>
<core-icon-button id="sonst" icon="more-vert"></core-icon-button>
<core-dropdown relatedTarget="{{$.sonst}}" halign="right" valign="top">
<core-menu>
<core-item>Einstellungen</core-item>
<core-item>Hilfe</core-item>
<core-item>Impressum</core-item>
</core-menu>
</core-dropdown>
</div>
</template>
艾因斯特伦根
希尔夫
印模
图标按钮显示在工具栏中,但下拉菜单不能在点击时打开。我觉得太简单了。另一个开发人员向我指出了一个解决方案。谢谢你,迈克尔 使用“点击”和“this.$.drop.toggle()” 或变量opened=“{opened}”
艾因斯特伦根
希尔夫
印模
聚合物({
切换:函数(){
此.drop.toggle();
//this.opened=!this.opened;
}
});
<polymer-element name="x-test" >
<template>
<div relative tool>
<core-icon-button id="sonst" icon="more-vert" on-tap="{{toggle}}"></core-icon-button>
<core-dropdown id="drop" opened="{{opened}}" relatedtarget="{{$.sonst}}" halign="left" valign="top">
<core-menu>
<core-item>Einstellungen</core-item>
<core-item>Hilfe</core-item>
<core-item>Impressum</core-item>
</core-menu>
</core-dropdown>
</div>
</template>
<script>
Polymer({
toggle: function() {
this.$.drop.toggle();
//this.opened = !this.opened;
}
});