Polymer 纸张菜单按钮-如何读取所选菜单项_Polymer

Polymer 纸张菜单按钮-如何读取所选菜单项

polymer

Polymer 纸张菜单按钮-如何读取所选菜单项,polymer,Polymer,我想了解聚合物是如何工作的。如何从该标记的列表表单中选择菜单项 <paper-menu-button icon="menu"> <div>kg</div> <div>pcs</div> <div>lt</div> </paper-menu-button> 公斤个人计算机书信电报以下是一个弹出式菜单示例，它将事件函数绑定到菜单项。它使用纸质项目而不是div，但是div也可以工作 <

我想了解聚合物是如何工作的。如何从该标记的列表表单中选择菜单项

<paper-menu-button icon="menu">
 <div>kg</div>
 <div>pcs</div>
 <div>lt</div>
</paper-menu-button>


公斤
个人计算机
书信电报

以下是一个弹出式菜单示例，它将事件函数绑定到菜单项。它使用纸质项目而不是div，但是div也可以工作

<!doctype html>
<html>
<head>

    <script src="../lib/platform/platform.js"></script>
    <link href="../lib/core-icons/core-icons.html" rel="import">
    <link href="../lib/paper-menu-button/paper-menu-button.html" rel="import">
    <link href="../lib/paper-item/paper-item.html" rel="import">

</head>

<body unresolved>

    <polymer-element name="my-menu">
        <template>
            <paper-menu-button icon="menu">
                <paper-item on-tap="{{refresh}}">Refresh</paper-item>
                <paper-item on-tap="{{help}}">Help</paper-item>
                <paper-item on-tap="{{signOut}}">Sign out</paper-item>
            </paper-menu-button>
        </template>

        <script>
            Polymer('my-menu', {
                refresh: function () { console.log('Refresh'); },
                help: function () { console.log('Help'); },
                signOut: function () { console.log('Sign out'); }
            });
        </script>
    </polymer-element>

    <my-menu></my-menu>

</body>

</html>


刷新
帮助
退出
聚合物（“我的菜单”{
refresh:function（）{console.log（'refresh'）；}，
help:function（）{console.log（'help'）；}，
注销：函数（）{console.log（'Sign out'）；}
});

以下是一个弹出式菜单示例，它将事件函数绑定到菜单项。它使用纸质项目而不是div，但是div也可以工作

<!doctype html>
<html>
<head>

    <script src="../lib/platform/platform.js"></script>
    <link href="../lib/core-icons/core-icons.html" rel="import">
    <link href="../lib/paper-menu-button/paper-menu-button.html" rel="import">
    <link href="../lib/paper-item/paper-item.html" rel="import">

</head>

<body unresolved>

    <polymer-element name="my-menu">
        <template>
            <paper-menu-button icon="menu">
                <paper-item on-tap="{{refresh}}">Refresh</paper-item>
                <paper-item on-tap="{{help}}">Help</paper-item>
                <paper-item on-tap="{{signOut}}">Sign out</paper-item>
            </paper-menu-button>
        </template>

        <script>
            Polymer('my-menu', {
                refresh: function () { console.log('Refresh'); },
                help: function () { console.log('Help'); },
                signOut: function () { console.log('Sign out'); }
            });
        </script>
    </polymer-element>

    <my-menu></my-menu>

</body>

</html>


刷新
帮助
退出
聚合物（“我的菜单”{
refresh:function（）{console.log（'refresh'）；}，
help:function（）{console.log（'help'）；}，
注销：函数（）{console.log（'Sign out'）；}
});

Hi，有没有办法绑定到纸张菜单按钮上的“核心选择”事件，而不是单个的“纸张项目”？然后通过“纸张菜单按钮。selectedValue”属性？document.querySelector（'paper-dropdown-menu'）检索所选值。value应该执行@MatxHi的技巧，有没有办法绑定到纸张菜单按钮上的“核心选择”事件而不是单个“纸张项目”？然后通过“paper menu button.selectedValue”属性？document.querySelector（“paper-dropdown-menu”）检索所选值。值应执行@Matx的技巧