Tabelleneditor - Arbeiten mit Cells
Inhaltsverzeichnis
- Auswahl einer Cell
- Cell Auswahl Rückruf
- Löschen Sie eine Cell
- WorksheetView.removeCellShiftUp
- WorksheetView.removeCellShiftLeft
- Löschen Sie eine Cell WorksheetView.clearCurrentCellFormatting
- WorksheetView.clearCurrentCellContents
- WorksheetView.clearCurrentCell
Auswahl einer Cell
Verwenden Sie Ihren Mauszeiger, um auf eine Zelle zu zeigen. Klicken Sie auf eine Zelle, um sie auszuwählen. Die ausgewählte Zelle wird durch ein dickes Rechteck hervorgehoben.
Wie es funktioniert?
Wenn der Benutzer auf eine Zelle klickt, wird das Ereignis von der JavaScript-Callback-Funktion verarbeitet, die an die Primefaces-Komponente angehängt ist.
Cell Auswahl Rückruf
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;Löschen Sie eine Cell
So löschen Sie eine Zelle:
- Klicken Sie auf eine Zelle, die Sie löschen möchten.
- Wechseln zuRegisterkarte „Format“..
- KlickenCell löschen Knopf.
- WählenSchicht Cells Hoch oderSchicht Cells Links Knopf.
Der Editor löscht die ausgewählte Zelle. Die angrenzenden Zellen werden automatisch entweder horizontal oder vertikal verschoben, um den Abstand anzupassen.
Wie es funktioniert?
DasSchicht Cells Hoch undSchicht Cells Links werden von der JSF-Backend-Bean verarbeitetArbeitsblattansicht. Der Quellcode der jeweiligen Methoden sieht wie folgt aus:
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();
}Löschen Sie eine Cell
So löschen Sie eine Zelle:
- Klicken Sie auf eine Zelle, die Sie löschen möchten.
- Wechseln zuRegisterkarte „Format“..
- KlickenKlar Cell Knopf.
- WählenFormate, Inhalt oderBeide Möglichkeit.
Der Editor löscht die ausgewählte Zelle.
Wie es funktioniert?
DasFormate, Inhalt undBeide werden von der JSF-Backend-Bean verarbeitetArbeitsblattansicht. Der Quellcode der jeweiligen Methoden sieht wie folgt aus:
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);
}