#27 SortablePaginationBehavior headerCell style

[Anonymous]

The headerCell style does not seem to affect font size. I discovered that the reason is addColumn inserts a label into the header cell (when it's not sortable) instead of just calling table#setText. (Perhaps this is also a GWT bug.)

(BTW, the style names should not be so generic.)

I fixed this, and also added abstract methods to provide the header cell/row style names:

/*
* Copyright 2006 Robert Hanson <iamroberthanson AT gmail.com>
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

package ca.digitalrapids.gwt.client.ui.pagination;

import org.gwtwidgets.client.ui.pagination.Column;
import org.gwtwidgets.client.ui.pagination.DataProvider;
import org.gwtwidgets.client.ui.pagination.PaginationBehavior;
import org.gwtwidgets.client.ui.pagination.PaginationParameters;
import org.gwtwidgets.client.ui.pagination.Results;
import org.gwtwidgets.client.ui.pagination.RowRenderer;

import com.google.gwt.core.client.GWT;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.FlexTable;
import com.google.gwt.user.client.ui.HasVerticalAlignment;
import com.google.gwt.user.client.ui.Hyperlink;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.Widget;

/**
* Modified version of GWT Widgets class ().
*/
abstract public class SortablePaginationBehavior {

private String sortAscImage = GWT.getModuleBaseURL() + "images/asc.gif";

private String sortDescImage = GWT.getModuleBaseURL() + "images/desc.gif";

private FlexTable table;

private PaginationBehavior pagination;

private Column[] columns;

/**
* PaginationTable builds upon Pagination to provide a row of column headers
* that control sorting and a row with page controls to control paging.
*
* @param table
* @param resultsPerPage
*/
public SortablePaginationBehavior(FlexTable table, int resultsPerPage) {
this.table = table;

this.pagination = new PaginationBehavior(table, resultsPerPage) {

protected DataProvider getDataProvider() {
return SortablePaginationBehavior.this.getDataProvider();
}

protected RowRenderer getRowRenderer() {
return SortablePaginationBehavior.this.getRowRenderer();
}

protected void onUpdateSuccess(Object result) {
insertColumnHeaders();
SortablePaginationBehavior.this.onUpdateSuccess(result);
}

protected void onUpdateFailure(Throwable caught) {
SortablePaginationBehavior.this.onUpdateFailure(caught);
}

};

this.columns = getColumns();
insertColumnHeaders();
}

abstract protected DataProvider getDataProvider();

abstract protected RowRenderer getRowRenderer();

abstract protected Column[] getColumns();

public String getSortAscImage() {
return sortAscImage;
}

public String getSortDescImage() {
return sortDescImage;
}

public FlexTable getTable() {
return table;
}

public void setSortAscImage(String sortAscImage) {
this.sortAscImage = sortAscImage;
}

public void setSortDescImage(String sortDescImage) {
this.sortDescImage = sortDescImage;
}

private void insertColumnHeaders() {
table.insertRow(0);

for (int i = 0; i < columns.length; i++) {
addColumn(0, i, columns[i]);
}

// Set style of row
DOM.setElementProperty(getTable().getRowFormatter().getElement(0),
"className", getHeaderRowStyle());
}

abstract protected String getHeaderRowStyle();
abstract protected String getHeaderCellStyle();

private void addColumn(int row, int col, final Column column) {

if (column.isSortable()) {
Hyperlink link = new Hyperlink();
link.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
boolean isAscending = pagination.getParameters()
.isAscending();
if (column.getParameter().equals(
pagination.getParameters().getParameter())) {
isAscending = !isAscending;
}

pagination.showPage(1, column.getParameter(), isAscending);
}
});
updateColumn(column, link);
table.setWidget(row, col, link);
} else {
table.setText(row, col, column.getTitle());
}

// Set style of cell
getTable().getFlexCellFormatter().setStyleName(row, col,
getHeaderCellStyle());
getTable().getCellFormatter().setVerticalAlignment(row, col,
HasVerticalAlignment.ALIGN_MIDDLE);
}

private void updateColumn(Column column, Widget widget) {
if (column.isSortable()) {
Hyperlink link = (Hyperlink) widget;

link.setText(column.getTitle());

if (pagination.getParameters() != null
&& column.getParameter().equals(
pagination.getParameters().getParameter())) {

String imageLocation = null;
if (pagination.getParameters().isAscending()) {
imageLocation = getSortAscImage();
} else {
imageLocation = getSortDescImage();
}

// Append an arrow to show the direction
link.setHTML(link.getText() + "&nbsp;<img border=\"0\" src=\""
+ imageLocation + "\" />");
}
} else {
Label label = (Label) widget;
label.setText(column.getTitle());
}

}

public void showPage(int pageNumber) {
showPage(pageNumber, getParameters().getParameter(), getParameters()
.isAscending());
}

public void showPage(int pageNumber, String parameter, boolean isAscending) {
pagination.showPage(pageNumber, parameter, isAscending);
}

public void setCell(int row, int column, Widget widget) {
pagination.setCell(row, column, widget);
}

protected void onUpdateSuccess(Object result) {

}

protected void onUpdateFailure(Throwable caught) {
throw new RuntimeException(caught);
}

public int getRowCount() {
return pagination.getRowCount();
}

public PaginationParameters getParameters() {
return pagination.getParameters();
}

public int getResultsPerPage() {
return pagination.getResultsPerPage();
}

public int getPage() {
return pagination.getPage();
}

public Results getResults() {
return pagination.getResults();
}

}