javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-24 23:01:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(popover): get popover working with dom, react, angular components

Browse Source
This commit is contained in:
Dan Bucholtz
2017-12-14 16:21:03 -06:00
parent 85785b9cf7
commit 1ba73a5f29
18 changed files with 402 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/demos/react/src/pages/PageOne.js
View File

@ -1,9 +1,10 @@
import React, { Component } from 'react';
import { createModal } from '@ionic/react';
import { createModal, createPopover } from '@ionic/react';
import PageTwo from './PageTwo';
import ModalPage from './ModalPage';
import PopoverPage from './PopoverPage';
export default class PageOne extends Component {
@ -46,6 +47,15 @@ export default class PageOne extends Component {
});
}
openPopover(event) {
return createPopover({
component: PopoverPage,
ev: event
}).then((popover) => {
return popover.present();
});
}
componentDidMount() {
setInterval(() => {
this.setState({ content: Math.random() * 1000});
@ -66,7 +76,10 @@ export default class PageOne extends Component {
<ion-button onClick={() => this.goToPageTwo()}>Go to Page Two</ion-button>
</div>
<div>
<ion-button onClick={() => this.openModal()}>OpenModal</ion-button>
<ion-button onClick={() => this.openModal()}>Open Modal</ion-button>
</div>
<div>
<ion-button onClick={(event) => this.openPopover(event)}>Open Popover</ion-button>
</div>
<div>
Some random content: {this.state.content}