Shell.UI.Pivots.js

Artikel
08/24/2015

Van toepassing op: Windows Azure Pack

Biedt methoden voor het beheren van draaikoppelingen op een extensiepagina.

Draaipunten zijn de koppelingen onder de hoofdtitel van een extensiepagina die worden gebruikt om naar subpagina's te navigeren.

Widgets

Geen.

Enums

Geen.

Typen

Shell.UI.Pivot(id, displayName, template, activated, image, visible, navFilter)

Naam	Type	Beschrijving
id	Object	De draai-id
displayName	Tekenreeks	De weergavenaam van Pivot.
sjabloon	Object	De draaisjabloon.
geactiveerd	Functie	De callbackfunctie van Pivot is geactiveerd.
image	Object	De draaiafbeelding.
Zichtbaar	Booleaans	De zichtbaarheid van het draaipunt.
navFilter	Object	Het Pivot-navigatiefilter.

Shell.UI.PivotImageDescriptor(url, urlHover, altText)

Naam	Type	Description
url	Tekenreeks	URL naar de afbeelding.
urlHover	Tekenreeks	URL naar de aanwijsafbeelding.
altText	Tekenreeks	De alternatieve tekst voor de afbeelding.

Eigenschappen

Naam	Type	Description
Shell.UI.Pivot.displayName	Tekenreeks	De weergavenaam van Pivot.
Shell.UI.Pivot.id	Object	De draai-id.
Shell.UI.Pivot.image	Object	De draaiafbeelding.
Shell.UI.Pivot.navFilter	Object	Het Pivot-navigatiefilter.
Shell.UI.Pivot.template	Object	De draaisjabloon.
Shell.UI.Pivot.visible	Booleaans	De zichtbaarheid van het draaipunt. waar als de draaitabel zichtbaar is, anders onwaar.
Shell.UI.PivotImageDescriptor.altText	Tekenreeks	De alternatieve tekst voor de draaiafbeelding.
Shell.UI.PivotImageDescriptor.url	Tekenreeks	De URL van de draaiafbeelding.
Shell.UI.PivotImageDescriptor.urlHover	Tekenreeks	De URL van de draaiafbeelding voor de aanwijsafbeelding.

Methoden

Naam	Beschrijving	Retouren	Parameters
Shell.UI.Pivots.add	Voegt de lijst met draaitabellen toe aan de opgegeven lijst met draaitabellen.	Niets	extensionId (string): de id van de extensie waarvoor de draaipunten worden toegevoegd. pivot (matrix): de draaipunten die moeten worden toegevoegd. Kan ook één Shell.UI.Pivot gebruiken.
Shell.UI.Pivots.clear	Hiermee verwijdert u alle draaipunten voor de actieve extensie.	Niets	extensionId: de extensie waartoe de Pivot behoort.
Shell.UI.Pivots.getPivotContentArea	Hiermee haalt u het inhoudsgebied Pivot op.	Object	Geen.
Shell.UI.PivotImageDescriptor.getQuickStartIcon	Hiermee haalt u het pictogram snelstart voor de afbeeldingsdescriptor op. Retourneert een PivotImageDescriptor-object dat de afbeeldings-URL bevat, de afbeeldings-URL en alternatieve tekst aanwijst.	Object	Geen
Shell.UI.Pivots.insert	Hiermee wordt een draaipunt ingevoegd op de opgegeven positie.	Niets	extensionId (tekenreeks): de id van de extensie waarvoor de draaitabellen worden toegevoegd. pivot (Shell.UI.Pivot): de draaitabellen die moeten worden ingevoegd. positie (getal): De positie om de draaipositie in te voegen.
Shell.UI.Pivots.registerExtension	Registreert de extensie.	Niets	Extensie: De extensie die moet worden geregistreerd. initializeCallback: de callback-functie voor initialisatie.
Shell.UI.Pivots.remove	Hiermee verwijdert u de opgegeven draai uit de lijst met draaitabellen.	Niets	pivot (Shell.UI.Pivot): de draaitabel die moet worden verwijderd.
Shell.UI.Pivots.set	Hiermee stelt u de draaipunten in.	Niets	extensionId (tekenreeks): de id van de extensie waarvoor de draaitabellen worden toegevoegd. pivot (matrix): De draaitabellen die moeten worden ingesteld. U kunt ook één Shell.UI.Pivot gebruiken.
Shell.UI.Pivots.update	de draaitabel Updates	Niets	extensionID: de id van de Pivot-extensie.

Voorbeelden

De eerste stap is het maken van het tabbladenobject.

tabs: [
    {
        id: "timeZoneList",
        displayName: "Time Zones",
        template: "tzsTimeZoneList",
        activated: tzs_opened
    },
    {
        id: "secondTab",
        displayName: "Another Tab",
        template: "tzsSecondTab"
    }
]

Omdat paginawisseling gebruikelijk is in de gebruikersinterface, is het een goed idee om een herbruikbare functie te maken waarmee de draaitabellen telkens opnieuw worden geïnitialiseerd wanneer de pagina naartoe wordt genavigeerd.

initializePivots: function() {
    Shell.UI.Pivots.clear(this.name);
    Shell.UI.Pivots.add(this.name, this.tabs);

    // Another way to add is to add the tabs individually
    // Shell.UI.Pivots.add(new Shell.UI.Pivot("timeZoneList", "Time Zones", "tzsTimeZoneList", tzs_opened));
    // Shell.UI.Pivots.add(new Shell.UI.Pivot("secondTab", "Another Tab", "tzsSecondTab"));
    Shell.UI.Pivots.update(this.name);
}

Zie ook

Naslaginformatie over Windows Azure Pack Extension Shell-bibliotheek

Delen via