Shell.UI.Pivots.js

 

Se aplica a: Windows Azure Pack

Proporciona métodos para administrar vínculos dinámicos en una página de extensión.

Las tablas dinámicas son los vínculos bajo el título principal de una página de extensión que se usan para navegar a subpáginas.

Widgets

Ninguno.

Enumeraciones

Ninguno.

Tipos

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

Nombre	Tipo	Descripción
id	Object	Identificador dinámico
DisplayName	String	Nombre para mostrar de Pivot.
template	Object	Plantilla dinámica.
activado	Función	Función de devolución de llamada activada dinámica.
imagen	Object	Imagen dinámica.
visible	Boolean	Visibilidad dinámica.
navFilter	Object	Filtro de navegación dinámica.

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

Nombre	Tipo	Descripción
url	String	Dirección URL de la imagen.
urlHover	String	Dirección URL a la imagen de desplazamiento.
altText	String	Texto alternativo de la imagen.

Propiedades

Nombre	Tipo	Descripción
Shell.UI.Pivot.displayName	String	Nombre para mostrar de Pivot.
Shell.UI.Pivot.id	Object	Identificador dinámico.
Shell.UI.Pivot.image	Object	Imagen dinámica.
Shell.UI.Pivot.navFilter	Object	Filtro de navegación dinámica.
Shell.UI.Pivot.template	Object	Plantilla dinámica.
Shell.UI.Pivot.visible	Boolean	Visibilidad dinámica. True si la tabla dinámica está visible; de lo contrario, false.
Shell.UI.PivotImageDescriptor.altText	String	Texto alternativo para la imagen dinámica.
Shell.UI.PivotImageDescriptor.url	String	Dirección URL de la imagen dinámica.
Shell.UI.PivotImageDescriptor.urlHover	String	Dirección URL de la imagen dinámica para la imagen de desplazamiento.

Métodos

Nombre	Descripción	Devuelve	Parámetros
Shell.UI.Pivots.add	Agrega la lista de tablas dinámicas a la lista especificada de tablas dinámicas.	Nada	extensionId (String): identificador de la extensión para la que se agregan las tablas dinámicas. pivot (Matriz): los pivotes que se van a agregar. También puede tomar una sola shell.UI.Pivot.
Shell.UI.Pivots.clear	Quita todas las tablas dinámicas de la extensión activa.	Nada	extensionId: extensión a la que pertenece la tabla dinámica.
Shell.UI.Pivots.getPivotContentArea	Obtiene el área de contenido dinámica.	Object	Ninguno.
Shell.UI.PivotImageDescriptor.getQuickStartIcon	Obtiene el icono de inicio rápido del descriptor de imagen. Devuelve un objeto PivotImageDescriptor que contiene la dirección URL de la imagen, mantenga el puntero sobre la dirección URL de la imagen y el texto alternativo.	Object	None
Shell.UI.Pivots.insert	Inserta una tabla dinámica en la posición especificada.	Nada	extensionId (String): identificador de la extensión para la que se agregan las tablas dinámicas. pivot (Shell.UI.Pivot): los pivotes que se van a insertar. position (Number): posición en la que se va a insertar la tabla dinámica.
Shell.UI.Pivots.registerExtension	Registra la extensión.	Nada	Extensión: extensión que se va a registrar. initializeCallback: función de devolución de llamada para la inicialización.
Shell.UI.Pivots.remove	Quita la tabla dinámica especificada de la lista de tablas dinámicas.	Nada	pivot (Shell.UI.Pivot): la tabla dinámica que se va a quitar.
Shell.UI.Pivots.set	Establece las tablas dinámicas.	Nada	extensionId (String): identificador de la extensión para la que se agregan las tablas dinámicas. pivot (Matriz): los pivotes que se van a establecer. También puede tomar una sola shell.UI.Pivot.
Shell.UI.Pivots.update	Novedades la lista dinámica	Nada	extensionID: identificador de extensión dinámica.

Ejemplos

El primer paso es crear el objeto tabs.

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

Dado que el cambio de página es común en la interfaz de usuario, es recomendable crear una función reutilizable que vuelva a inicializar las tablas dinámicas cada vez que se navegue por la página.

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);
}

Consulte también

Referencia de la biblioteca de shell de extensión de paquete de Azure Windows