StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>The following code is what I'm woking on, hope it'll be helpful:</p> <pre><code>protected void init() { VerticalPanel container = new VerticalPanel(); initWidget(container); int pageSize = 10; CellTable<User> cellTable = new CellTable<User>(pageSize); setColumns(cellTable); setSelectionModel(cellTable); setDataSize(cellTable); int pageStart = 0; loadData(pageStart, pageSize, cellTable); SimplePager<User> pager = createPager(cellTable); container.add(cellTable); container.add(pager); } private SimplePager<User> createPager(final CellTable<User> cellTable) { SimplePager<User> pager = new SimplePager<User>(cellTable, SimplePager.TextLocation.CENTER) { public void onRangeOrSizeChanged(PagingListView<User> listView) { loadData(listView.getPageStart(), listView.getPageSize(), listView); super.onRangeOrSizeChanged(listView); } }; return pager; } private void setColumns(CellTable<User> cellTable) { cellTable.addColumn(new TextColumn<User>() { @Override public String getValue(User user) { return user.getName(); } }, new TextHeader("Name")); cellTable.addColumn(new TextColumn<User>() { @Override public String getValue(User user) { return user.getLocation(); } }, new TextHeader("Location")); } private void setSelectionModel(CellTable<User> cellTable) { final SingleSelectionModel<User> selectionModel = new SingleSelectionModel<User>(); SelectionChangeHandler selectionHandler = new SelectionChangeHandler() { @Override public void onSelectionChange(SelectionChangeEvent event) { User user = selectionModel.getSelectedObject(); Window.alert(user.getId() + ": " + user.getName()); } }; selectionModel.addSelectionChangeHandler(selectionHandler); cellTable.setSelectionEnabled(true); cellTable.setSelectionModel(selectionModel); } private void setDataSize(final PagingListView<User> cellTable) { employeeRequest.countUsers(new AsyncCallback<Integer>() { public void onFailure(Throwable caught) { Window.alert("Request failure: " + caught.getMessage()); } public void onSuccess(Integer result) { cellTable.setDataSize(result, true); } }); } private void loadData(int start, int size, final PagingListView<User> cellTable) { employeeRequest.getUsers(start, size, new AsyncCallback<PagingData<User>>() { public void onFailure(Throwable caught) { Window.alert("Request failure: " + caught.getMessage()); } public void onSuccess(PagingData<User> result) { cellTable.setData(result.getStart(), result.getLength(), result.getValues()); } }); } public class PagingData<T> implements IsSerializable { private int start; private int length; private List<T> values; public PagingData() { } public PagingData(int start, int length, List<T> values) { super(); this.start = start; this.length = length; this.values = values; } public int getStart() { return start; } public void setStart(int start) { this.start = start; } public int getLength() { return length; } public void setLength(int length) { this.length = length; } public List<T> getValues() { return values; } public void setValues(List<T> values) { this.values = values; } } </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload