Question

我正在尝试使用XTemplate显示网格的行信息：

    List<User> users = new ArrayList<User>();
    users.add(new User("John", "Smith"));
    users.add(new User("Bob", "James"));
    UserList list = new UserList(users);

    XTemplate tpl = XTemplate.create(getTemplate());
    tpl.applyTemplate(Util.getJsObject(list));

    RowExpander expander = new RowExpander();
    if (showExpand){
        expander.setTemplate(tpl);
        columns.add(expander);
    }

以下是getTemplate（）的代码：

public native String getTemplate() /*-{
  return ['<p>Details: ',
          '<tpl for=".">',       
          '<p>{#}</p>',          // use current array index to autonumber
          '</tpl></p>'
         ].join("");
}-*/;

但是我对XTemplate很新，我似乎无法使它工作。我刚刚用样本复制了一些来源。

基本上，我要做的只是将上面的List<User>呈现为：

Details:
1 First Name: John - Last Name: Smith
2 First Name: Bob - Last Name: James

以下是用户和 UserList 模型：

class User extends BaseModelData {
    public User(String firstName, String lastName){
        set("firstname", firstName);
        set("lastname", lastName);
    }
}

class UserList extends BaseModelData {
    public UserList(List<User> list){
        set("users", list);
    }
    public List getUsers(){
        return get("users");
    }
    public void setUsers(List users) {
        set("users", users);
    }
}

这是Grid的声明方式：

Grid grid = new Grid<ModelData>(new ListStore<ModelData>(), new ColumnModel(columns));

这是ListStore的详细信息：

ListStore<ModelData> store = grid.getStore();
store.removeAll();
store.add(list); // Where list is List<Map<String, String>> data

Answer 1

很难说信息如此少（Grid声明在哪里？ListStore），但假设您正在构建ListStore<UserList>，您的模板需要遍历UserList中的users属性实例，而不是.，表示UserList对象本身（不能迭代）：

public native String getTemplate() /*-{
  return ['<p>Details: ',
      '<tpl for="users">',       
      '<p>{#}</p>',          // use current array index to autonumber
      '</tpl></p>'
     ].join("");
}-*/;

将XTemplate与Grid结合使用

1 个答案: