Wie verwendet man die Bindung von einem Raster zu einer HTML-Vorlage?

Question

ist es möglich, GXTs Bindungsmechanismus zu verwenden, um eine Grid an eine Html (oder andere Widget Implementierung für diese Angelegenheit) zu binden?

es scheint aus the examples, dass es für Formulare nur anwendbar ist (FormBinding), während mein Ziel ein Template Aktualisieren eines Widgets innere Element zu haben ist, angetrieben durch die SelectionChangedEvent s des Gitters, die Modelle für diese Vorlage zu senden.

Answer 1

Bindungsnetze und generische Komponenten direkt ist offenbar nicht möglich, die aktuelle Version von GXT, jedenfalls ist dies eine alternative Lösung als Problemumgehung angeboten:

ich gerade gemacht Verwendung der Beispiele Grid Binding und Templates Ihre Anforderung unterstützen . Hier ist der modifizierte Code

@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(""); 
}-*/; 

Fügen Sie diese Änderungen an dem Grid Binding Beispiel. Hoffe das hilft.

Danke, Ganesh