Hi all
I'm trying to implement simple search form like
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:c="urn:import:com.google.gwt.user.cellview.client">
<g:HTMLPanel>
<g:TextBox ui:field="searchField"/>
<g:Button ui:field="searchButton"> Search </g:Button>
<c:CellTable ui:field='cellTable' />
<c:SimplePager ui:field='pager'/>
</g:HTMLPanel>
</ui:UiBinder>
Assuming, that amount of data will be
~1000000/(searchField.getValue().length()+1) rows I decided to use
AsyncDataProvider.
My simple implementation of this form is the following
public class SearchView extends Composite {
private static SearchViewUiBinder uiBinder =
GWT.create(SearchViewUiBinder.class);
interface SearchViewUiBinder extends UiBinder<Widget, SearchView> {}
@UiField(provided = true) SimplePager pager;
@UiField CellTable<String> cellTable;
@UiField TextBox searchField;
private AsyncDataProvider<String> dataProvider;
public SearchView() {
SimplePager.Resources pagerResources =
GWT.create(SimplePager.Resources.class);
pager = new SimplePager(TextLocation.CENTER, pagerResources, false, 1,
true);
initWidget(uiBinder.createAndBindUi(this));
cellTable.addColumn(new TextColumn<String>() { // with one simple string
column
@Override
public String getValue(String object) {
return object;
}
});
dataProvider = new AsyncDataProvider<String>() {
private int callCount = 0; // lets count refresh calls
@Override
protected void onRangeChanged(HasData<String> display) {
callCount++;
String text = searchField.getValue();
// fill result with dummy data
List<String> data = new ArrayList<String>();
int visibleItemCount = pager.getPageSize();
for (int i = 0; i<visibleItemCount; i++){
data.add("Search for '"+text+"' (callCount = "+callCount+")");
}
display.setRowCount(1000000, true); // update row count (may be someone has
changed it!)
display.setRowData(display.getVisibleRange().getStart(), data); // push dat
to the table
}
};
dataProvider.addDataDisplay(cellTable); *// POINT 1*
pager.setDisplay(cellTable);
// Grid needs to fit whole window
Window.addResizeHandler(new ResizeHandler() {
public void onResize(ResizeEvent event) {
// -200 : search form + pager; 25 - row height
pager.setPageSize((event.getHeight() - 200) / 25); *// POINT 2*
}
});
}
@UiHandler("searchButton")
void onClick(ClickEvent e) {
// validate input and refresh table (to the first page!)
}
}
And with such simple form I already have problems:
1. onRangeChange event has been fired at POINT 1 and POINT 2 - but I want to
refresh the table manually for the first time (by pressing search button)
(and I want to validate search text like (if (length()>0) {refresh()} else
{clear()}))
My workaround - create local field like boolean refreshVetoed; and play with
it. With this solution I need to add setRowCount(0); to remove loading
indicator.
2. there is no refresh() method neither in cellTable nor in dataProvider
the only solution I have is the following:
Range currentRange = hasData.getVisibleRange();
if (currentRange.getStart() != 0){
cellTable.setVisibleRange(0, currentRange.getLength()); // it will refresh
the data only if the page is changed!
} else {
// call for data manually and set it to the table (even cant call
dataProvider.onRangeChanged() because it is not visible)
}
Can someone explain me how to implement such a simple form correctly ????
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
