cordova – 使用onsen UI下拉选项菜单

我想开发 android导航工具栏中提供的下拉菜单标题.我正在使用phonegap& onsen UI Framework开发移动应用程序.我可以从左侧加载滑动菜单&右边,但现在我的要求是打开下拉,如果应该按图像显示图像.

如果用户从电话设备按下选项按钮,则应显示(打开)相同的列表.我没有使用jquery或jquery mobile来开发移动UI.我不想用html5&amp ;;开发下拉菜单. css,所以我请你告诉我一些替代方法来处理它.

您可以尝试使用< ons-popover>使用< ons-list>内.

在模板中创建popover：

<ons-template id="popover.html>
  <ons-popover direction="down" cancelable>
    <ons-list>
      <ons-list-item modifier="tappable">Option 1</ons-list-item>
      ...
    </ons-list>
  </ons-popover>
</ons-template>

您可以使用以下JavaScript代码显示popover：

ons.createPopover('popover.html').then(function(popover) {
  popover.show();
});

我创建了一个示例,说明如何将其用作下拉菜单：
http://codepen.io/argelius/pen/zxGEza