Editor del Foglio di Calcolo Lavorare con le Celle

Tabella dei contenuti

Selezione di una cella
- Richiamata di selezione della cella
Elimina una cella
- WorksheetView.removeCellShiftUp
- WorksheetView.removeCellShiftLeft
Cancella una cella
- WorksheetView.clearCurrentCellFormatting
- WorksheetView.clearCurrentCellContents
- WorksheetView.clearCurrentCell

Selezione di una cella

Usa il puntatore del mouse per puntare a una cella. Clicca su una cella per selezionarla. La cella selezionata è evidenziata da un rettangolo in grassetto.

Come funziona?

Quando l’utente clicca su una cella, l’evento è gestito da una funzione di callback JavaScript che è allegata al componente Primefaces.

Callback selezione cella

                     var columnId = $(this).find('.ui-cell-editor-input input').attr('data-columnid');

                    var rowId = $(this).find('.ui-cell-editor-input input').attr('data-rowid');

                    var clientId = $(this).find('.ui-cell-editor').attr('id');

                    PF('currentColumnIdValue').jq.val(columnId);

                    PF('currentRowIdValue').jq.val(rowId);

                    PF('currentCellClientIdValue').jq.val(clientId);

                    if ($(this).find('.ui-cell-editor-output div').hasClass('b')) {

                        PF('boldOptionButton').check();

                    } else {

                        PF('boldOptionButton').uncheck();

                    }

                    if ($(this).find('.ui-cell-editor-output div').hasClass('i')) {

                        PF('italicOptionButton').check();

                    } else {

                        PF('italicOptionButton').uncheck();

                    }

                    if ($(this).find('.ui-cell-editor-output div').hasClass('u')) {

                        PF('underlineOptionButton').check();

                    } else {

                        PF('underlineOptionButton').uncheck();

                    }

                    PF('fontOptionSelector').selectValue($(this).find('.ui-cell-editor-output div').css('font-family').slice(1, -1));

                    PF('fontSizeOptionSelector').selectValue($(this).find('.ui-cell-editor-output div')[0].style.fontSize.replace('pt', ''));

                    ['al', 'ac', 'ar', 'aj'].forEach(function(v) {

                        if ($(this).find('.ui-cell-editor-output div').hasClass(v)) {

                            // TODO: save the value to PF('alignOptionSelector');

                        }

                    });

                    PF('currentColumnWidthValue').jq.val($(this).width());

                    PF('currentRowHeightValue').jq.val($(this).height());

                    $($this.selectedCell).removeClass('sheet-selected-cell');

                    $(this).addClass('sheet-selected-cell');

                    $this.selectedCell = this;

Elimina una cella

Per eliminare una cella:

Fai clic su una cella che desideri eliminare.
Passare alla scheda Formato.
Fai clic sul pulsante Elimina cella.
Scegli il pulsante Sposta celle in su o Sposta celle a sinistra.

L’editor eliminerà la cella selezionata. Le celle adiacenti verranno spostate automaticamente sia orizzontalmente che verticalmente per adattare lo spazio.

Come funziona?

I pulsanti Sposta celle in su e Sposta celle a sinistra sono gestiti dal bean backend JSF WorksheetView. Il codice sorgente dei rispettivi metodi è il seguente:

WorksheetView.removeCellShiftUp

     public void removeCellShiftUp() {

        if (!isLoaded()) {

            return;

        }

        getAsposeWorksheet().getCells().deleteRange(currentRowId, currentColumnId, currentRowId, currentColumnId, com.aspose.cells.ShiftType.UP);

        purge();

    }

WorksheetView.removeCellShiftLeft

     public void removeCellShiftLeft() {

        if (!isLoaded()) {

            return;

        }

        getAsposeWorksheet().getCells().deleteRange(currentRowId, currentColumnId, currentRowId, currentColumnId, com.aspose.cells.ShiftType.LEFT);

        purge();

    }

Cancella una cella

Per cancellare una cella:

Fai clic su una cella che desideri cancellare.
Passare alla scheda Formato.
Fare clic sul pulsante Cancella cella.
Scegliere l’opzione Formati, Contenuti o Entrambi.

L’editor cancellerà la cella selezionata.

Come funziona?

I Formati, i Contenuti e Entrambi sono gestiti dal bean backend JSF WorksheetView. Il codice sorgente dei metodi rispettivi è il seguente:

WorksheetView.clearCurrentCellFormatting

     public void clearCurrentCellFormatting() {

        if (!isLoaded()) {

            return;

        }

        getAsposeWorksheet().getCells().clearFormats(currentRowId, currentColumnId, currentRowId, currentColumnId);

        reloadCell(currentColumnId, currentRowId);

        RequestContext.getCurrentInstance().update(currentCellClientId);

    }

WorksheetView.clearCurrentCellContents

     public void clearCurrentCellContents() {

        if (!isLoaded()) {

            return;

        }

        getAsposeWorksheet().getCells().clearContents(currentRowId, currentColumnId, currentRowId, currentColumnId);

        reloadCell(currentColumnId, currentRowId);

        RequestContext.getCurrentInstance().update(currentCellClientId);

    }

WorksheetView.clearCurrentCell

     public void clearCurrentCell() {

        if (!isLoaded()) {

            return;

        }

        getAsposeWorksheet().getCells().clearRange(currentRowId, currentColumnId, currentRowId, currentColumnId);

        reloadCell(currentColumnId, currentRowId);

        RequestContext.getCurrentInstance().update(currentCellClientId);

    }

Editor del Foglio Elettronico Lavorare con Righe e Colonne Editor del foglio di calcolo Componenti