DockLayout

Complete

Un espacio de trabajo de paneles. Los paneles se acoplan a la izquierda, a la derecha, arriba, abajo o en el centro, comparten un área como pestañas, se contraen en una barra o flotan sobre el diseño.

Ejemplo

Parámetros

DockLayout

Parámetro	Tipo	Descripción
`CenterContent`	`RenderFragment`	Contenido del área central mientras no haya ningún panel acoplado allí.
`ChildContent`	`RenderFragment`	Contenido representado dentro del componente.
`Class`	`string`	Clases CSS adicionales que se agregan al elemento raíz.
`Height`	`string`	Altura CSS de todo el diseño.
`Label`	`string`	Nombre accesible del diseño.
`PersistKey`	`string`	Recuerda la disposición en el almacenamiento local con este nombre.
`Style`	`string`	Estilo en línea agregado al elemento raíz.

DockPanel

Parámetro	Tipo	Descripción
`ChildContent`	`RenderFragment`	Contenido del panel.
`Closable`	`bool`	Muestra el botón de cierre.
`Floatable`	`bool`	Permite que el panel flote.
`FloatHeight`	`int`	Altura inicial de un panel flotante en píxeles.
`Floating`	`bool`	Empieza como panel flotante.
`FloatLeft`	`int`	Posición izquierda inicial de un panel flotante en píxeles.
`FloatTop`	`int`	Posición superior inicial de un panel flotante en píxeles.
`FloatWidth`	`int`	Ancho inicial de un panel flotante en píxeles.
`Icon`	`IconName?`	Icono en la pestaña, la barra de título y la barra contraída.
`Id`	`string`	Nombre único del panel dentro de su diseño.
`Position`	`DockPosition`	Dónde empieza el panel: Left, Right, Top, Bottom o Center.
`Size`	`int?`	Ancho inicial (left, right) o altura inicial (top, bottom) de su área en píxeles.
`Title`	`string`	Texto de la pestaña o de la barra de título.
`Visible`	`bool`	Muestra u oculta el panel.

Eventos

DockLayout

Evento	Tipo	Descripción
`LayoutChanged`	`EventCallback<DockLayoutState>`	Se genera tras cada cambio con el diseño actual (DockLayoutState).

Paquete

DockLayout forma parte de RayCraft Complete. Paquete: RayCraft.Blazor.Complete. Se obtiene del feed privado de RayCraft y requiere una licencia activa. Consulte Primeros pasos.

Enviar comentariosVersión 1.0.3