El componente Hoja de cálculo Angular expone propiedades que le permiten determinar la celda, el panel y la hoja de cálculo que se encuentran activos actualmente en el control. Esto resulta útil, ya que puede ayudarlo a determinar dónde puede estar navegando o editando el usuario en el control.
<divclass="container vertical"><divclass="options horizontal"><inputtype="text" [(ngModel)]="activeCellText"><button (click)="onClick()">Activate Cell</button><labelclass="options-item">Current Active Cell: {{spreadsheet.activeCell}}</label></div><igx-spreadsheet #spreadsheetheight="100%"width="100%"></igx-spreadsheet></div>html
/* styles are loaded the Shared CSS file located at:
https://static.infragistics.com/xplatform/css/samples/
*/scss
¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Angular completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.
La activación del control Angular IgxSpreadsheetComponent se divide entre las celdas, los paneles y las hojas de cálculo del workbook actual de la hoja de cálculo. Las tres propiedades "activas" se describen a continuación:
activeCell: Devuelve o establece la celda activa en la hoja de cálculo. Para configurarlo, debe crear una nueva instancia de SpreadsheetCell y pasar información sobre esa celda, como la columna y fila o la dirección de cadena de la celda.
activePane: Devuelve el panel activo en la hoja de trabajo actualmente activa del control de hoja de cálculo.
activeWorksheet: Devuelve o establece la hoja de trabajo activa en el workbook del control de hoja de cálculo. Esto se puede configurar configurándolo en una hoja de trabajo existente en el workbook adjunto a la hoja de cálculo.
Fragmento de código
El siguiente fragmento de código muestra la configuración de activación de la celda y la hoja de trabajo en el control IgxSpreadsheetComponent:
this.spreadsheet.activeWorksheet = this.spreadsheet.workbook.worksheets(1);
this.spreadsheet.activeCell = new SpreadsheetCell("C5");
ts