我有点难以获得选定的项目 ID,甚至是下拉菜单列表中显示的文本。这是我的代码:
HTML:
<paper-dropdown-menu label="Currency" on-core-select="{{selectCurrency}}">
<paper-dropdown class="dropdown" halign='right'>
<core-menu class="menu" selected="{{selectedCurrency}}">
<template repeat="{{c in currencies}}">
<paper-item>{{c}}</paper-item>
</template>
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
镖:
void selectCurrency(CustomEvent e, var detail, PaperDropdownMenu m) {
var id = m.getAttribute("selected");
//id = mCurrencyDropdown.selected;
JsObject detail = new JsObject.fromBrowserObject(e)['detail'];
if(detail['isSelected']) {
PaperItem selected = detail['item'] as PaperItem;
print( 'source | $selected' );
}
print(detail);
}
我可以看到几个属性,我可能从中获得我想要的信息,但我无法访问它们,因为它们似乎不公开: https ://drive.google.com/file/d/0B9-4jVIpB0XuTXJ5eVBMZllyanM/view
任何想法?谢谢!
感谢 Günter,我找到了答案:
我有一个像这样的可观察的:
@observable int selectedCurrency = 20;
显然,您可以简单地向您的类添加一个与成员名称匹配的方法,并且每次更改可观察对象时都会调用它:
selectedCurrencyChanged(var oldValue, var newValue) {
print(newValue);
}