Elektronik Tablo Düzenleyici Hücrelerle Çalışmak
Contents
[
Hide
]
İçindekiler
- Bir Hücre Seçmek
- Hücre seçim geri araması
- Bir Hücreyi Silmek
- WorksheetView.removeCellShiftUp
- WorksheetView.removeCellShiftLeft
- Bir Hücreyi Temizle
- WorksheetView.clearCurrentCellFormatting
- WorksheetView.clearCurrentCellContents
- WorksheetView.clearCurrentCell
Bir Hücre Seçmek
Fare işaretçinizi bir hücreye doğrultun. Bir hücreyi seçmek için tıklayın. Seçilen hücre kalın bir dikdörtgen ile vurgulanır.
Nasıl çalışır?
Kullanıcı bir hücreye tıkladığında, olay JavaScript geri arama işlevi tarafından ele alınır ve Primefaces bileşenine bağlanır.
Hücre seçim geri araması
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;Bir Hücreyi Silmek
Bir hücreyi silmek için:
- Sileceğiniz hücreye tıklayın.
- Biçim sekmesine geçin.
- Hücreyi Sil düğmesine tıklayın.
- Hücreleri Yukarı Kaydır veya Hücreleri Sola Kaydır düğmesini seçin.
Düzenleyici, seçili hücreyi silecektir. Yanındaki hücreler, boşluğu ayarlamak için otomatik olarak yatay veya dikey olarak kaydırılacaktır.
Nasıl çalışır?
Üstteki Hücreleri Kaydır ve Soldaki Hücreleri Kaydır JSF arka uç fasıl tanımı WorksheetView tarafından işlenir. İlgili yöntemlerin kaynak kodları şöyle:
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();
}Bir Hücreyi Temizle
Bir hücreyi temizlemek için:
- Temizlemek istediğiniz hücreye tıklayın.
- Biçim sekmesine geçin.
- Hücreyi Temizle düğmesine tıklayın.
- Biçimler, İçerikler veya Her İkisi seçeneğini seçin.
Düzenleyici, seçili hücreyi temizleyecektir.
Nasıl çalışır?
Biçimler, İçerikler ve Her İkisi JSF arka uç fasıl tanımı WorksheetView tarafından işlenir. İlgili yöntemlerin kaynak kodları şöyle:
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);
}