Polymer 初始选择的聚合物纸下拉菜单未显示在标签中
使用以下代码,我希望在页面加载时显示“选项1”。而是显示“此处标签”。单击下拉列表时,选项1以粗体显示,表示已选中。如果单击选项1,则标签将更新且正确Polymer 初始选择的聚合物纸下拉菜单未显示在标签中,polymer,polymer-1.0,Polymer,Polymer 1.0,使用以下代码,我希望在页面加载时显示“选项1”。而是显示“此处标签”。单击下拉列表时,选项1以粗体显示,表示已选中。如果单击选项1,则标签将更新且正确 <paper-dropdown-menu label="Label Here" selected="0"> <paper-menu class="dropdown-content" selected="0"> <paper-item >Option 1</paper-item> <paper-
<paper-dropdown-menu label="Label Here" selected="0">
<paper-menu class="dropdown-content" selected="0">
<paper-item >Option 1</paper-item>
<paper-item >Option 2</paper-item>
</paper-menu>
</paper-dropdown-menu>
这是一个错误还是我做错了什么
谢谢
Daniel所选属性与纸张菜单一起使用,而不是与纸张下拉菜单一起使用。但是后者的selectedItemLabel是计算出来的,selectedItem是只读的。我发现预装所选物品的唯一方法是触发“铁激活”事件,但不确定它是否最佳
<dom-module id="my-test">
<template>
<paper-dropdown-menu id="dropdownMenu" label="Label Here" >
<paper-menu id="menu" class="dropdown-content" selected="0">
<paper-item id="option1">Option 1</paper-item>
<paper-item id="option2">Option 2</paper-item>
</paper-menu>
</paper-dropdown-menu>
</template>
<script>
Polymer({
is: 'my-test',
ready: function(){
this.$.menu.dispatchEvent(new CustomEvent('iron-activate', {
bubbles: true,
cancelable: true,
detail: {
item:this.$.option2,
selected:1
}
}));
}
});
</script>
</dom-module>
选择1
选择2
聚合物({
是‘我的测试’,
就绪:函数(){
此.$菜单.dispatchEvent(新的CustomEvent('iron-activate'){
泡泡:是的,
可取消:对,
详情:{
项目:此.$.option2,
选定:1
}
}));
}
});
这只是一个更新,说明这是一个已知的错误,不是预期的行为,即使上述解决方法可能有效:
希望这个问题能很快解决 这似乎对我不起作用。这似乎有点疏忽。到目前为止,我对聚合物印象深刻。真可惜:(.我正在创建一个使用oData提要的业务线应用程序,这是一个有点阻碍的功能,因为许多表单都需要此功能。我想我需要编写一个自定义组件或查找一个预存在的应用程序。请您指定哪些不起作用?如果您需要对许多表单使用相同的功能-只需使用Behvious-代码上面的内容似乎对我不起作用。下拉菜单中仍然没有填充选项2,并且仍然显示“Label Here”(标签在这里)。这对您有效吗?硫化,无聚填充,因此仅限铬。是的,这可以正常工作。谢谢!我们是说它必须经过硫化才能正常工作?
<dom-module id="my-test">
<template>
<paper-dropdown-menu id="dropdownMenu" label="Label Here" >
<paper-menu id="menu" class="dropdown-content" selected="0">
<paper-item id="option1">Option 1</paper-item>
<paper-item id="option2">Option 2</paper-item>
</paper-menu>
</paper-dropdown-menu>
</template>
<script>
Polymer({
is: 'my-test',
ready: function(){
this.$.menu.dispatchEvent(new CustomEvent('iron-activate', {
bubbles: true,
cancelable: true,
detail: {
item:this.$.option2,
selected:1
}
}));
}
});
</script>
</dom-module>