Gerente de muelle

    El componente Ignite UI Dock Manager proporciona medios para administrar el diseño de su aplicación a través de paneles, lo que permite a sus usuarios finales personalizarla aún más fijando, cambiando el tamaño, moviendo y ocultando paneles.

    Angular Dock Manager Example

    EXAMPLE
    MODULES
    TS
    HTML
    SCSS

    Like this sample? Get access to our complete Ignite UI for Angular toolkit and start building your own apps in minutes. Download it for free.

    Usage

    Dock Manager es un componente web estándar y, como tal, se puede utilizar en una aplicación Angular.

    Siga los pasos a continuación para agregar el paquete Dock Manager a su proyecto Angular y configurarlo para usar el componente.

    Primero, instale el paquete igniteui-dockmanager

    npm install igniteui-dockmanager
    cmd

    Luego, incluya el esquema CUSTOM_ELEMENTS_SCHEMA en AppModule:

    import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
    
    @NgModule({
        ...
        schemas: [CUSTOM_ELEMENTS_SCHEMA]
    })
    export class AppModule {}
    typescript

    A continuación, se debe llamar a la función defineCustomElements() en el archivo main.ts:

    import { AppModule } from './app/app.module';
    import { defineCustomElements } from 'igniteui-dockmanager/loader';
    import { enableProdMode } from '@angular/core';
    import { environment } from '.environments/environment';
    import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
    
    if (environment.production) {
        enableProdMode();
    }
    
    platformBrowserDynamic().bootstrapModule(AppModule)
        .catch(err => console.log(err));
    
    defineCustomElements();
    typescript

    Eso es todo, ahora está listo para usar el componente Dock Manager en una plantilla de componente Angular. Para hacerlo simplemente use su nombre de etiqueta:

    <igc-dockmanager>
    </igc-dockmanager>
    html

    Para obtener más información sobre el uso del componente Dock Manager, puede consultar este tema.

    Para ver un ejemplo más avanzado del uso del componente Dock Manager con paneles que alojan varios componentes Ignite UI for Angular, consulte esta versión del ejemplo de análisis de datos.