Extjs 如何在ionic 3中创建下拉组件

首先让我说我是爱奥尼亚的新手，我试着在谷歌上找到我的解决方案，但现在信息混合了爱奥尼亚1、爱奥尼亚2和现在的“爱奥尼亚3”

我需要做一个下拉菜单，我称之为“创建方法”与参数和这个方法绘制与选项菜单

我测试了不同的方法，首先尝试修改弹出窗口，然后是模态，但我无法解决我的问题

我需要知道做这件事的最佳形式，我认为我应该制作外部组件并使用他的方法来做我想做的事情。到目前为止，我使用Sencha Touch，并使用以下代码：

    Ext.create("Amix.view.general.Menu",{
        options : options,
        callback : callback
    });

    Ext.define('Amix.view.general.Menu',{
        extend: 'Ext.panel',

        ...

        listeners: {
                
            initialize: function(){
              
               Ext.Viewport.add(this);
             
               ...

这就是我想要的：

---

另外，选择DOM项的最佳形式是什么？在sencha中，我在jQuery上使用了

Ext.getCmp（）

或

Ext.select（）

，

$（）

，或者在JavaScript上使用了

document.queryselector

。

根据屏幕截图，您需要ionic Popover。对于Ionic 2.x和3.x，有Ionic的内置组件

您可以使用这个简单的导入到您的页面

import { PopoverController } from 'ionic-angular';

@Component({})
class MyPage {
  constructor(public popoverCtrl: PopoverController) {}

  presentPopover(myEvent) {
    let popover = this.popoverCtrl.create(PopoverPage);
    popover.present({
      ev: myEvent
    });
  }
}

---

请参见演示

Ty了解答案，我首先使用Popover，但我的问题是，我需要菜单从顶部开始显示，我尝试修改样式，但ionic 2自动创建样式，我无法修改动画您无法更新的样式是什么？在那里，您可以使用page

scss

作为页面css，使用app.scss作为全局css更新。在那里，ionic会议应用程序具有popover示例，用于关于页面。我知道我用app.scss改变了风格，但我想改变z-Index，因为菜单出现在标题工具栏后面，我想改变top也做动画，而爱奥尼亚3则把默认的风格。再次使用Thx如果我使用popover，则会发生以下情况：当我设置popover动画时，它会越过标题：(