如何使用从网格绑定到HTML模板？

Question

是否可以使用GXT的绑定机制将Grid绑定到Html（或其他Widget实现）？

似乎从the examples，这只是适用于形式（FormBinding），而我的目的是为了有一个Template更新部件内部元件，通过网格的SelectionChangedEvent小号发送模式，这种模板驱动。

Answer 1

结合电网和通用组件直接明显是不可能的GXT的当前版本，总之这是一个解决办法提供了一个替代的解决方案：

我只是利用的例子Grid Binding和Templates来支持您的要求。下面是修改后的代码

@Override 
protected void onRender(Element parent, int index) { 
    super.onRender(parent, index); 
    setStyleAttribute("margin", "10px"); 

    ContentPanel cp = new ContentPanel(); 

    cp.setHeading("Form Bindings"); 
    cp.setFrame(true); 
    cp.setSize(800, 400); 
    cp.setLayout(new RowLayout(Orientation.HORIZONTAL)); 

    final LayoutContainer panel = new LayoutContainer(new FlowLayout()); 

    Grid<Stock> grid = createGrid(); 
    grid.getSelectionModel().setSelectionMode(SelectionMode.SINGLE); 

    final Template template = new Template(getTemplate()); 
    grid.getSelectionModel().addListener(Events.SelectionChange, new Listener<SelectionChangedEvent<Stock>>() { 
     public void handleEvent(SelectionChangedEvent<Stock> be) { 
      if (be.getSelection().size() > 0) { 
       template.overwrite(panel.getElement(), Util.getJsObject(be.getSelectedItem())); 
      } else { 
       panel.removeAll(); 
      } 
     } 
    }); 
    cp.add(grid, new RowData(.6, 1)); 
    cp.add(panel, new RowData(.4, 1)); 

    add(cp); 
} 

private native String getTemplate() /*-{ 
    var html = [ '<p>Name: {name}</p>', '<p>Symbol: {symbol}</p>', 
      '<p>Last: {last}</p>', '<p>Last Updated: {date}</p>', ]; 
    return html.join(""); 
}-*/; 

这些修改添加到Grid Binding例子。希望这可以帮助。

感谢， Ganesh神