Lazy Lade Tabelle in Vaadin

Question

Ich versuche, einige Beispiele für Tabelle mit Lazy Loading zu finden, um Informationen zu laden, nämlich Zeilen. Ich hatte einen guten Blick, aber ich kann nirgendwo ein gutes Beispiel finden (ich möchte kein Addon wie Viritin verwenden), ich möchte es einfach von Grund auf neu machen. Die Dokumentation auf der Vaadin-Website hilft nicht wirklich Table, also habe ich mich nur gefragt, ob irgendjemand ein gutes Tutorial kennt, das erklärt, was zu tun ist. Vielleicht wäre ein Beispiel dann besser. Also hier ist eine einfache Tabelle mit ganzen Zahlen bis zu 5000. Ich werde versuchen, Lazy Loading hier zu implementieren, was eine sehr einfache Anwendung ist und dann hoffentlich in der Lage sein werde, die Funktionalität einfach in meine eigene Anwendung zu integrieren. Hier ist der Code. Meine UI-Klasse (MyUI.java):

public class MyUI extends UI { 

    @Override 
    protected void init(VaadinRequest vaadinRequest) { 
     final VerticalLayout layout = new VerticalLayout(); 
     numberTable theTable = new numberTable(); 


     Button button = new Button("Click Me"); 
     button.addClickListener(new Button.ClickListener() 
     { 

      @Override 
      public void buttonClick(ClickEvent event) 
      { 
       System.out.println("test!"); 

      } 
     }); 

     layout.addComponents(button, theTable); 
     layout.setMargin(true); 
     layout.setSpacing(true); 

     setContent(layout); 
    } 

Und die Tabellenklasse (numberTable.java):

package my.vaadin.project.tableTest; 

import com.vaadin.ui.Table; 

public class numberTable extends Table 
{ 
    public numberTable(){ 
     /*addContainerProperty("Name", String.class, null); 
     addContainerProperty("Mag", Float.class, null); 
     addItem(new Object[]{"Canopus",  -0.72f}, 1); 
     addItem(new Object[]{"Arcturus",  -0.04f}, 2); 
     addItem(new Object[]{"Alpha Centauri", -0.01f}, 3);*/ 
     addContainerProperty("Number", Integer.class, null); 
     for(int i=1; i<=5000; i++){ 
      Integer itemID = new Integer(i); 
      addItem(new Object[]{i},itemID); 
     } 
     setCaption("Rendering table"); 
     addStyleName("testTable"); 
     setPageLength(size()); 
     System.out.println("table created"); 
    } 

} 

ich das gelesen habe die träges Laden Funktionalität zu implementieren Ich habe ein haben Container, der es unterstützt, außer dem Tisch, das ist mein Verständnis.

Answer 1

Gemäß der documentation entspricht die IndexedContainer Ihren Anforderungen. Oder wenn Sie selbst einen Container implementieren möchten, der das verzögerte Laden mit Table unterstützt, dann implementieren Sie die Container.Indexedinterface. Sie können den IndexedContainer Quellcode für ein Beispiel durchsuchen.

public class MyContainer implements Container.Indexed { 

    public Object nextItemId(Object itemId) { return ((Integer) itemId) + 1; } 
    public Object prevItemId(Object itemId) { return ((Integer) itemId) - 1; } 
    public Object firstItemId() { return 0; } 
    public Object lastItemId() { return 5000; } 
    public boolean isFirstId(Object itemId) { return Integer.valueOf(0).equals(itemId); } 
    public boolean isLastId(Object itemId) { return Integer.valueOf(5000).equals(itemId); } 

    public Item getItem(Object itemId) { 
     PropertysetItem item = new PropertysetItem(); 
     item.addItemProperty("index", new ObjectProperty<Integer>((Integer) itemId)); 
     return item; 
    } 
    public Collection<?> getContainerPropertyIds() { return Arrays.asList("index"); } 
    public Collection<?> getItemIds() { return Arrays.asList(IntStream.range(0, 5001).boxed().toArray(Integer[]::new)); } 
    public Property getContainerProperty(Object itemId, Object propertyId) { return new ObjectProperty<Integer>((Integer) itemId); } 
    public Class<?> getType(Object propertyId) { return Integer.class; } 
    public int size() { return 5001; } 
    public boolean containsId(Object itemId) { 
     Integer item = (Integer) itemId; 
     return item >= 0 && item <= 5000; 
    } 
    public int indexOfId(Object itemId) { return (Integer) itemId; } 
    public Object getIdByIndex(int index) { return index; } 
    public List<?> getItemIds(int startIndex, int numberOfItems) { return Arrays.asList(IntStream.range(0, 5001).boxed().toArray(Integer[]::new)).subList(startIndex, startIndex + numberOfItems); } 

    public Item addItem(Object itemId) throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 
    public Object addItem() throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 
    public boolean removeItem(Object itemId) throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 
    public boolean addContainerProperty(Object propertyId, Class<?> type, Object defaultValue) throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 
    public boolean removeContainerProperty(Object propertyId) throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 
    public boolean removeAllItems() throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 
    public Object addItemAfter(Object previousItemId) throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 
    public Item addItemAfter(Object previousItemId, Object newItemId) throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 
    public Object addItemAt(int index) throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 
    public Item addItemAt(int index, Object newItemId) throws UnsupportedOperationException { throw new UnsupportedOperationException(); } 

} 

Es ist schreibgeschützt:

Ich habe für die Umsetzung der Container.Indexed Schnittstelle ein grundlegendes Beispiel gemacht. Artikel haben nur eine Eigenschaft "indexed" das ist der Index des Artikels zwischen 0 und 5000 einschließlich. Wie Sie sehen können, ist es eine Menge Arbeit, also sollten Sie nach Möglichkeit einen eingebauten Container benutzen.