Question

请教GXT中grid数据不显示问题

Answer 1

代码如下：
final Window w = new Window();
w.setCloseAction(CloseAction.HIDE);
w.setIconStyle("icon-grid");
w.setMinimizable(true);
w.setMaximizable(true);
w.setHeading("我的日志");
w.setSize(500, 400);
w.setLayout(new FitLayout());

service = (ServerUserBaseAsync) GWT.create(ServerUserBase.class);
ServiceDefTarget endpoint = (ServiceDefTarget) service;
String moduleRelativeURL = GWT.getModuleBaseURL() + "dao/serveruserbase";
endpoint.setServiceEntryPoint(moduleRelativeURL);

ToolBar toolBar = new ToolBar();
TextToolItem item = new TextToolItem();
item.setText("查找");
//item.setIconStyle("icon-connect");
toolBar.add(item);

toolBar.add(new SeparatorToolItem());
w.setTopComponent(toolBar);
item = new TextToolItem();
item.setText("增加新记录");
//item.setIconStyle("icon-user-add");
toolBar.add(item);
toolBar.add(new SeparatorToolItem());
w.setTopComponent(toolBar);
item = new TextToolItem();
item.setText("删除修改记录");
//item.setIconStyle("icon-user-delete");
toolBar.add(item);
toolBar.add(new SeparatorToolItem());
w.setTopComponent(toolBar);
item = new TextToolItem();
item.setText("刷新");
item.addSelectionListener(new SelectionListener<ComponentEvent>() {

@Override
public void componentSelected(ComponentEvent ce) {
Info.display("Event", "The '刷新' tool was clicked");
loader.load();
}
});
//item.setIconStyle("icon-user-delete");
toolBar.add(item);

// proxy and reader
RpcProxy proxy = new RpcProxy() {
@Override
public void load(Object loadConfig, AsyncCallback callback) {
service.getCustomers(callback);
}
};
BeanModelReader reader = new BeanModelReader();

// loader and store
loader = new BaseListLoader(proxy, reader);
store = new ListStore<BeanModel>(loader);

loader.load();

// column model
List<ColumnConfig> columns = new ArrayList<ColumnConfig>();
columns.add(new ColumnConfig("name", "Name", 200));
columns.add(new ColumnConfig("email", "Email", 100));
columns.add(new ColumnConfig("age", "Age", 50));
ColumnModel cm = new ColumnModel(columns);

Grid<BeanModel> grid = new Grid<BeanModel>(store, cm);
grid.setAutoExpandColumn("name");
grid.setWidth(400);
grid.setAutoHeight(true);
grid.setBorders(true);

w.add(grid);

return w;

响应的数据如下：
//OK[14,13,12,2,11,10,9,2,8,7,6,2,5,4,3,2,4,1,["java.util.ArrayList/3821976829","com.erp.client.DAO.Customer
/3346634318","a","darrell@foo.com","Darrell","b","maro@foo.com","Maro","c","alec@foo.com","Alec","d"
,"lia@foo.com","Lia"],0,5]

GXT的示例回应数据如下：
//OK[10,9,4,2,8,7,3,2,6,5,2,2,4,3,1,2,4,1,["java.util.ArrayList/3821976829","com.extjs.gxt.samples.resources
.client.model.Customer/1058640602","darrell@foo.com","Darrell","maro@foo.com","Maro","alec@foo.com","Alec"
,"lia@foo.com","Lia"],0,5]