從WicketPanel傳遞PageParameters

Question

如何在Wicketpanel上使用PageParameters？ 我願意從WicketPanel上的文件系統加載圖像，並且我找到了一個教程，但他們使用的是頁面，在我的情況下，我想要將圖像安裝在面板上。我應該在這個類中改變什麼，或者我是否需要爲這個用例實現一個PageClass？ http://wicketinaction.com/2011/07/wicket-1-5-mounting-resources/ https://github.com/martin-g/blogs/blob/master/request-mappers/src/main/java/com/wicketinaction/requestmappers/resources/images/ImageResourcesPage.java

public class ImageResourcesPage extends WebPage { 

    /** 
    * The image names for which dynamic images will be generated 
    */ 
    private static final String[] IMAGE_NAMES = new String[] {"one", "two", "three"}; 

    public ImageResourcesPage(final PageParameters parameters) { 
     super(parameters); 

     final ResourceReference imagesResourceReference = new ImageResourceReference(); 
     final PageParameters imageParameters = new PageParameters(); 

     ListView<String> listView = new ListView<String>("list", Arrays.asList(IMAGE_NAMES)) { 

      @Override 
      protected void populateItem(ListItem<String> item) { 
       String imageName = item.getModelObject(); 
       imageParameters.set("name", imageName); 

       // generates nice looking url (the mounted one) to the current image 
       CharSequence urlForWordAsImage = getRequestCycle().urlFor(imagesResourceReference, imageParameters); 
       ExternalLink link = new ExternalLink("link", urlForWordAsImage.toString()); 
       link.setBody(Model.of(imageName)); 
       item.add(link); 

      } 
     }; 
     add(listView); 
    } 

} 

感謝

Answer 1

Got it！我只需要在ImageResourcePanel-Constructor中添加IModel作爲參數。

'公共類ImageResourcesPanel擴展面板{

/** 
* The image names for which dynamic images will be generated 
*/ 
private static final String[] IMAGE_NAMES = new String[] {"one", "two", "three"}; 

public ImageResourcesPanel(final String wicketId, IModel<Book> book) { 
    super(wicketId, book); 

    int refNumber = book.getModelObject().getRefNumber(); 


    ListView<String> listView = new ListView<String>("list", Arrays.asList(IMAGE_NAMES)) { 

     @Override 
     protected void populateItem(ListItem<String> item) { 

      String imageName = item.getModelObject(); 
      imageParameters.set("name", imageName); 
      imageParameters.set("ref_number", refNumber); 

    final ResourceReference imagesResourceReference = new ImageResourceReference(); 
    final PageParameters imageParameters = new PageParameters(); 

      // generates nice looking url (the mounted one) to the current image 
      CharSequence urlForWordAsImage = getRequestCycle().urlFor(imagesResourceReference, imageParameters); 
      ExternalLink link = new ExternalLink("link", urlForWordAsImage.toString()); 
      link.setBody(Model.of(imageName)); 
      item.add(link); 

     } 
    }; 
    add(listView); 
} 

}`

Answer 2

不能主要參數的面板/頁你把它嵌入你剛剛交出的頁面？ 或者您可以使用

RequestCycle.get().getPageParameters() 

，但我認爲隨着從嵌入組件交給這將是清潔的。

Answer 3

顯示的示例代碼實際上並不使用WebPage中的pageParameters來完成圖像處理，但是對於圖像還有一個額外的PageParameters imageParameters字段。沒有理由不能在Panel中做同樣的事情。

東西沿着

public class ImageResourcesPanel extends Panel { 

    /** 
    * The image names for which dynamic images will be generated 
    */ 
    private static final String[] IMAGE_NAMES = new String[] {"one", "two", "three"}; 

    public ImageResourcesPanel(final String wicketId) { 
     super(wicketId); 

     final ResourceReference imagesResourceReference = new ImageResourceReference(); 
     final PageParameters imageParameters = new PageParameters(); 

     ListView<String> listView = new ListView<String>("list", Arrays.asList(IMAGE_NAMES)) { 

      @Override 
      protected void populateItem(ListItem<String> item) { 
       String imageName = item.getModelObject(); 
       imageParameters.set("name", imageName); 

       // generates nice looking url (the mounted one) to the current image 
       CharSequence urlForWordAsImage = getRequestCycle().urlFor(imagesResourceReference, imageParameters); 
       ExternalLink link = new ExternalLink("link", urlForWordAsImage.toString()); 
       link.setBody(Model.of(imageName)); 
       item.add(link); 

      } 
     }; 
     add(listView); 
    } 

} 

行應該工作一樣好所示的頁面版本。

我不確定imageParameters和imageResourceReference的最終字段是否合適。我可能會在populateItem(ListItem<String> item)方法中使它們成爲局部變量。

更新基於評論：

看來這個例子中產生指向圖像和你想要的是嵌入式圖像。更好的起點可能是wicket-library示例頁面中的images example。然而，來自這個示例的代碼可能與其他示例一起有用。