渲染GXT元素

Question

我有一个关于动态地将Sencha元素渲染到DOM的问题。我有页面上的按钮，从DB加载用户，并且必须呈现Basic Grid。我有下面的代码：

用户表的

Button users = new Button("Users", new SelectionListener<ButtonEvent>() { 
     @Override 
     public void componentSelected(ButtonEvent ce) { 
      userServiceAsync.getUsers(new AsyncCallback<List<User>>() { 
       @Override 
       public void onFailure(Throwable caught) { 
        Window.alert("ololo!"); 
       } 

       @Override 
       public void onSuccess(List<User> result) { 
        center.add(new com.google.gwt.user.client.ui.Button("OloloBtn")); // this renders 
        center.add(new UserTable(result)); // and this not 
        center.layout(true); 

       } 
      }); 
     } 
    }); 

代码：

import com.extjs.gxt.ui.client.store.ListStore; 
import com.extjs.gxt.ui.client.widget.ContentPanel; 
import com.extjs.gxt.ui.client.widget.LayoutContainer; 
import com.extjs.gxt.ui.client.widget.grid.ColumnConfig; 
import com.extjs.gxt.ui.client.widget.grid.ColumnModel; 
import com.extjs.gxt.ui.client.widget.grid.Grid; 
import com.extjs.gxt.ui.client.widget.layout.FitLayout; 
import com.google.gwt.user.client.Element; 
import com.myproject.client.model.User; 

import java.util.ArrayList; 
import java.util.List; 

public class UserTable extends LayoutContainer { 
private List<User> users; 

public UserTable(List<User> users) { 
    this.users = users; 
} 

@Override 
protected void onRender(Element parent, int index) { 
    List<ColumnConfig> configs = new ArrayList<ColumnConfig>(); 
    configs.add(new ColumnConfig("login", "Login", 100)); 
    configs.add(new ColumnConfig("email", "Email", 100)); 
    configs.add(new ColumnConfig("firstName", "First Name", 100)); 
    configs.add(new ColumnConfig("lastName", "Last Name", 100)); 
    ListStore<User> listStore = new ListStore<User>(); 
    listStore.add(users); 
    ColumnModel cm = new ColumnModel(configs); 
    Grid<User> grid = new Grid<User>(listStore, cm); 
    ContentPanel cp = new ContentPanel(); 
    cp.setBodyBorder(false); 
    cp.setHeading("Employee List"); 
    cp.setLayout(new FitLayout()); 
    cp.setSize(700, 300); 
    cp.add(grid); 
    add(cp); 
} 
} 

因此，用户负荷从DB。问题在于将表格翻译成页面。在按钮侦听器的onSuccess方法中，我尝试渲染GWT Button，并且此工作正常。但与用户的表不会附加到DOM。哪里不对？

感谢您的回答。

Answer 1

当您输入覆盖时，您需要致电super.onRender(parent, index)。