Éditeur de feuilles de calcul Travailler avec les cellules
Table des matières
- Sélection d’une cellule
- Rappel de sélection de cellule
- Supprimer une cellule
- WorksheetView.removeCellShiftUp
- WorksheetView.removeCellShiftLeft
- Effacer une cellule
- WorksheetView.clearCurrentCellFormatting
- WorksheetView.clearCurrentCellContents
- WorksheetView.clearCurrentCell
Sélection d’une cellule
Utilisez votre pointeur de souris pour pointer vers une cellule. Cliquez sur une cellule pour la sélectionner. La cellule sélectionnée est mise en évidence par un rectangle en gras.
Comment cela fonctionne?
Lorsque l’utilisateur clique sur une cellule, l’événement est traité par une fonction de rappel JavaScript qui est attachée au composant Primefaces.
Callback de sélection de cellule
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;Supprimer une cellule
Pour supprimer une cellule:
- Cliquez sur une cellule que vous voulez supprimer.
- Basculez sur l’onglet Format.
- Cliquez sur le bouton Supprimer la cellule.
- Choisissez le bouton Décaler les cellules vers le haut ou Décaler les cellules vers la gauche.
L’éditeur supprimera la cellule sélectionnée. Les cellules adjacentes seront automatiquement déplacées soit horizontalement, soit verticalement pour adapter l’espace.
Comment cela fonctionne?
Les Décaler les cellules vers le haut et Décaler les cellules vers la gauche sont gérés par le bean backend JSF WorksheetView. Le code source des méthodes respectives est le suivant:
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();
}Effacer une cellule
Pour effacer une cellule:
- Cliquez sur une cellule que vous voulez effacer.
- Basculez sur l’onglet Format.
- Cliquez sur le bouton Effacer la cellule.
- Choisissez l’option Formats, Contenus ou Les deux.
L’éditeur effacera la cellule sélectionnée.
Comment cela fonctionne?
Les Formats, Contenus et Les deux sont gérés par le bean backend JSF WorksheetView. Le code source des méthodes respectives est le suivant:
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);
}