How to convince the SmartGWT ListGrid to automatically fetch from the server only the data it displays
Since I was looking all over the net how to do this and I only found pieces of information, here is an example:
-
public class OperationsGrid extends ListGrid{
-
OperationsGrid(){
-
super();
-
TreeGridField accNoField = new TreeGridField("accountNo", 150);
-
TreeGridField commentField = new TreeGridField("comment", 150);
-
-
setFields(accNoField,commentField);
-
setHeight100();
-
setWidth100();
-
setAutoFetchData(true);
-
setAlternateRecordStyles(true);
-
setDataSource(OperationsDS.getInstance());
-
setShowFilterEditor(true);
-
}
-
}
-
public class OperationsDS extends DataSource{
-
static OperationsDS instance = null;
-
static OperationsDS getInstance(){
-
if(instance == null){
-
instance = new OperationsDS();
-
}
-
return instance;
-
}
-
-
OperationsDS(){
-
-
setDataURL(xpath);
-
DataSourceTextField noField = new DataSourceTextField("accountNo", "Account Number", 128);
-
DataSourceTextField commentField = new DataSourceTextField("comment", "Comment", 128);
-
-
noField.setRequired(true);
-
noField.setPrimaryKey(true);
-
-
setFields(noField,commentField);
-
setDataFormat(DSDataFormat.JSON);
-
setRecordXPath("response/result");
-
setClientOnly(false);
-
}
-
@Override
-
String url = null;
-
-
if(dsRequest.getOperationType().equals(DSOperationType.FETCH)){
-
dsRequest.setActionURL(getDataURL()+"&start="+dsRequest.getStartRow()+"&end="+dsRequest.getEndRow());
-
}
-
return super.transformRequest(dsRequest);
-
}
-
@Override
-
protected void transformResponse(DSResponse response, DSRequest request,
-
DSOperationType operationType = request.getOperationType();
-
-
if (operationType == DSOperationType.FETCH) {
-
JSONArray info = XMLTools.selectObjects(data, "/response/resultInfo/numTotalRows");
-
-
info = XMLTools.selectObjects(data, "/response/resultInfo/startRow");
-
-
info = XMLTools.selectObjects(data, "/response/resultInfo/endRow");
-
-
if(total != null)
-
response.setTotalRows(total);
-
if(start != null)
-
response.setStartRow(start);
-
if(end != null)
-
response.setEndRow(end);
-
} else {
-
super.transformResponse(response, request, data);
-
}
-
-
}
-
}
In this example the server outputs in JSON format and returns the the current start row, current end row and total number of rows in response/resultInfo.
Basically you need to override transformRequest and transformResponse. In transformRequest you should add the start and end row to the requestURL and in transformResponse you should set the startRow, endRow, and totalRows, provided that you receive this information from your server. Also don't forget to setAutoFetchData(true) on the grid.
Hope this helps somebody.