javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 11:41:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(select): add open method

Browse Source 
fixes #14881
This commit is contained in:
Manu Mtz.-Almeida
2018-08-11 17:59:39 +02:00
parent 695abcfbd2
commit 4047812258
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
core/src/components/select/select.tsx
View File

@ -1,4 +1,4 @@
import { Component, Element, Event, EventEmitter, Listen, Prop, State, Watch } from '@stencil/core';
import { Component, Element, Event, EventEmitter, Listen, Method, Prop, State, Watch } from '@stencil/core';
import { ActionSheetButton, ActionSheetOptions, AlertInput, AlertOptions, CssClassMap, Mode, PopoverOptions, SelectInputChangeEvent, SelectInterface, SelectPopoverOption, StyleEvent } from '../../interface';
import { deferEvent, renderHiddenInput } from '../../utils/helpers';
@ -256,15 +256,8 @@ export class Select {
this.emitStyle();
}
private getLabel() {
const item = this.el.closest('ion-item');
if (item) {
return item.querySelector('ion-label');
}
return null;
}
private open(ev: UIEvent) {
@Method()
open(ev?: UIEvent) {
let selectInterface = this.interface;
if ((selectInterface === 'action-sheet' || selectInterface === 'popover') && this.multiple) {
@ -278,7 +271,7 @@ export class Select {
}
if (selectInterface === 'popover') {
return this.openPopover(ev);
return this.openPopover(ev!);
}
if (selectInterface === 'action-sheet') {
@ -288,6 +281,14 @@ export class Select {
return this.openAlert();
}
private getLabel() {
const item = this.el.closest('ion-item');
if (item) {
return item.querySelector('ion-label');
}
return null;
}
private async openPopover(ev: UIEvent) {
const interfaceOptions = this.interfaceOptions;
@ -295,6 +296,8 @@ export class Select {
...interfaceOptions,
component: 'ion-select-popover',
cssClass: ['select-popover', interfaceOptions.cssClass],
event: ev,
componentProps: {
header: interfaceOptions.header,
subHeader: interfaceOptions.subHeader,
@ -312,9 +315,7 @@ export class Select {
}
} as SelectPopoverOption;
})
},
cssClass: ['select-popover', interfaceOptions.cssClass],
ev
}
};
const popover = this.overlay = await this.popoverCtrl.create(popoverOpts);