如何在離子中創建下拉組件3

首先讓我說我是新手離子，我試着在谷歌找到我的解決方案，但現在信息與離子1，離子2和現在的「離子3」混合。如何在離子中創建下拉組件3

我需要做一個下拉菜單，我稱之爲「創建方法」與參數和此方法繪製菜單的選項。

我測試了不同的方法，首先嚐試修改popus，然後modals，但我無法解決我的問題。

我需要知道最好的形式來做到這一點，我認爲我應該讓外部組件和使用他的方法來做我想做的事。我用煎茶觸摸至今，現在，我用這個代碼，以這樣的：

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。

Sry my English

來源

2017-07-11 Chaeos

根據你的截圖，你需要離子Popover。對於離子2.x和3.x有通過離子Popover

內置組件，您可以使用此簡單地導入到你的頁面

import { PopoverController } from 'ionic-angular'; 

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

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

觀看演示here

來源

2017-07-11 11:02:50 sonu

泰的回答，我先用酥料餅做但我的問題是，我需要菜單出現自頂部，我嘗試修改風格，但離子2自動創建樣式，我不能修改動畫 – Chaeos

什麼風格，你不能更新？那裏你可以使用頁面'scss'作爲頁面css，'app.scss'用於全局css更新。 – sonu

有關於頁的popover例子的離子會議應用程序。 https://github.com/ionic-team/ionic-conference-app/tree/master/src/pages – sonu

如何在離子中創建下拉組件3

回答

相關問題