我有点难以获得选定的项目 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>
Dart :
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);
}
Official Documentation
最佳答案
您绑定(bind)的字段 selectedCurrency 在哪里?
我想你可以放弃 on-core-select
完全事件处理程序,而是添加一个方法
selectedCurrencyChanged(newValue) {
// event handler code here
}
关于Dart PaperDropdownMenu 获取所选项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28386958/