Flyout object
TOC
Réduire la table des matières
Développer la table des matières

WinJS.UI.Flyout object

[This documentation is preliminary and is subject to change.]

Applies to: Metro style apps only

Displays lightweight UI that is either information, or requires user interaction. Unlike a dialog, a Flyout can be light dismissed by clicking or tapping off of it.

Syntax


<div data-win-control="WinJS.UI.Flyout"></div>


var object = new WinJS.UI.Flyout(element, options);

Members

The Flyout object has these types of members:

Events

The Flyout object has these events.

EventDescription
afterhide Event

Raised immediately after a flyout is fully hidden.

aftershow Event

Raised immediately after a flyout is fully shown.

beforehide Event

Raised just before hiding a flyout.

beforeshow Event

Raised just before showing a flyout.

 

Methods

The Flyout object has these methods.

MethodDescription
addEventListener

Registers an event handler for the specified event.

Flyout

Creates a new Flyout object.

hide Method

Hides the Flyout, if visible, regardless of other states.

removeEventListener

Removes an event handler that the addEventListener method registered.

show Method

Shows the Flyout, if hidden, regardless of other states.

 

Properties

The Flyout object has these properties.

PropertyDescription

alignment

Gets or sets the default alignment to be used for this Flyout.

anchor

Gets or sets the default anchor to be used for this Flyout.

element

Gets the DOM element that hosts the Flyout.

hidden

Gets a value that indicates whether the Flyout is hidden or in the process of becoming hidden.

placement

Gets or sets the default placement to be used for this Flyout.

 

Remarks

Styling the Flyout

CSS classes

To customize the Flyout, you can define your own styles for these CSS classes (defined by the Windows Library for JavaScript style sheets):

CSS classDescription

win-flyout

Styles the entire Flyout.

 

Requirements

Minimum supported client

Windows 8 Consumer Preview

Minimum supported server

Windows Server 8 Beta

Namespace

WinJS.UI

Library

Ui.js

 

 

Build date: 2/10/2012

Ajouts de la communauté

AJOUTER
Afficher:
© 2016 Microsoft