List 如何扩展可重用自定义元素列表的纸张下拉菜单？

我有一个时区列表，它需要是一个可重用的组件。如何使时区列表成为Polymer中可重用的组件？我需要这个自定义元素来提供是否选择了时区（isSelected）以及获取所选时区名称的函数或属性

这让我快发疯了

提前谢谢。下面是一个名为“timezones.html”的组件文件。我删除了我尝试的所有BS JavaScript，因为它显然不起作用。唯一有效的是加载列表

<link rel="import" href="../polymer/polymer.html">

<link rel="import" href="../paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="../paper-dropdown/paper-dropdown.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../paper-item/paper-item.html">


<polymer-element name="lt-timezones-input" attributes="timezones">
    <template>
        <style>    
            paper-dropdown-menu {
              box-sizing: border-box;
              width: 100%;
            }

            core-menu {
              box-sizing: border-box;
              width: 90%;
            }

            paper-item {
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
            }
        </style>
        <paper-dropdown-menu id="ddl" label="Time Zone">
            <paper-dropdown class="dropdown">
                <core-menu class="menu">
                    <template id="list" repeat="{{timezones}}">
                      <paper-item>{{}}</paper-item>
                    </template>
                </core-menu>
            </paper-dropdown>
        </paper-dropdown-menu>
        <!-- shadow DOM here -->
    </template>
    <script>
        Polymer('lt-timezones-input', {
            created: function () {

                this.timezones = [
                    'Eastern Standard Time',
                    'Central Standard time',
                    'Mountain Standard Time',
                    'Pacific Standard Time'
                ];
            }
        });
    </script>    
</polymer-element>

纸张下拉菜单{
框大小：边框框；
宽度：100%；
}
核心菜单{
框大小：边框框；
宽度：90%；
}
纸品{
溢出：隐藏；
空白：nowrap；
文本溢出：省略号；
}
{{}}
聚合物（“lt-时区-输入”{
已创建：函数（）{
这是。时区=[
"东部标准时间",，
‘中央标准时间’，
“山区标准时间”，
“太平洋标准时间”
];
}
});

以下是一种可能的解决方案：

这里使用事件

<paper-dropdown-menu on-core-select="{{item_changed}}">

谢谢！我试图使用字面上提到的“核心选择”事件。我错过了其中提到的“核心选择”。我在哪里可以找到这个文档？看看声明性事件映射：以及如何设置属性：我仍然缺少一些东西。那么这有什么问题？据推测，纸张下拉菜单应该继承“selectedItemLabel”属性。在Polymer对象中添加了一个名为“setSelectedItemLabel”的方法，因此我希望在调用时设置所选标签。在IE中，我得到的只是一个带有document.querySelector（'tz'）的[object（HTMLUnknownElement）]引用。在Chrome中，它并不完全返回相同类型的未知引用，但这可能是因为Polymer对象方法不存在。