Как я могу добавить столбец изображения в таблицу в рамках калитки? - PullRequest
Новая
       1

Как я могу добавить столбец изображения в таблицу в рамках калитки?

1 голос
/ 29 сентября 2011

Я хочу добавить столбец с изображениями в каждую ячейку таблицы в рамках калитки.Я создаю таблицу в классе Java и у меня есть метод createColumns (), как показано ниже: 

private List<IColumn> createColumns() {
    List<IColumn> columns = new ArrayList<IColumn>();
    // Create the columns that will be displayed, second param is the sort
    // order
    // Use column position for aggregate functions
    // Otherwise the query uses column aliases so these need to match here

    columns.add(new PropertyColumn(new Model("Status"), "code") {
        private static final long serialVersionUID = 1L;
        @Override
        public void populateItem(Item item, String componentId, IModel model) {
            Object[] values = ((ArrayWrapper) model.getObject()).getArray();
            setStatus((Integer) values[0]);
            item.add(new Image(componentId, new ResourceReference(this.getClass(), getStatus())));
        }
    });

    columns.add(new PropertyColumn(new Model("First"), "2", "array[1]"));
    columns.add(new PropertyColumn(new Model("Last"), "3", "array[2]"));        
    columns.add(new PropertyColumn(new Model("Sender"), "sender",
            "array[4]"));
    columns.add(new PropertyColumn(new Model("Receiver"), "receiver",
            "array[5]"));

    columns.add(new HeaderlessColumn() {
        private static final long serialVersionUID = 1L;

        public void populateItem(Item cellItem, String componentId,
                IModel rowModel) {
            cellItem.add(new ActionPanel(componentId, rowModel));
        };
    });

    return columns;
}

HTML-файл выглядит следующим образом: 

<html xmlns:wicket="http://wicket.sourceforge.net/">
<body>
<wicket:extend>
 <table align="center" wicket:id="results"></table>
</wicket:extend>
</body>
</html>

Но я получаюисключение:

org.apache.wicket.markup.MarkupException: компонентная ячейка должна применяться к тегу типа 'img', а не '' (строка 0, столбец 0)

И это связано со строками, которые я делаю в столбце для изображения.Может кто-нибудь помочь мне, как я могу это сделать?

Ответы [ 2 ]

5 голосов
/ 29 сентября 2011

Используйте AbstractColumn вместо PropertyColumn. PropertyColumn подходит, если вам нужно только указать имя свойства, как если бы вы указали PropertyModel.

Начиная с этого обсуждения в списке пользователей Wicket, DataTable выводит эту разметку: 

<tbody> 
  <tr wicket:id="rows"> 
    <td wicket:id="cells"> 
      <span wicket:id="cell">[cell]</span> 
    </td> 
  </tr> 
</tbody>

Обратите внимание, что IColumn реализует ICellPopulator, и ICellPopulator#populateItem() переопределяется в AbstractColumn.

Итак, все, что вы придумали в populateItem, должно быть в порядке, если оно связано с <span> в разметке. PropertyColumn может делать это с меткой, и вы можете добавить пользовательский Panel или WebMarkupContainer, который будет содержать ваш Image.

Это слегка связанный вопрос: Как создать ссылку в столбце PropertyColumn в Wicket?

1 голос
/ 05 октября 2011

Код в методе CreateColumns выглядит следующим образом: 

   columns.add(new PropertyColumn(new Model("Status"), "code") {
        private static final long serialVersionUID = 1L;
        @Override
        public void populateItem(Item item, String componentId, IModel model) {
            Object[] values = ((ArrayWrapper) model.getObject()).getArray();
            setStatus((Integer) values[0]);
            item.add(new ImagePanel(componentId, new ResourceReference(SearchResults.class, getStatus())));
        }
    });

А это ImagePanel: 

 public class ImagePanel extends Panel {
    private static final long serialVersionUID = 1L;
    /**
     * @param id
     */
    public ImagePanel(String id, ResourceReference image) {
        super(id);
        add(new Image("status", image));
    }
}

HTML-код для панели: 

<html xmlns:wicket="http://wicket.sourceforge.net/">
<body>
<wicket:panel>
<img wicket:id="status"/>
</wicket:panel>
</body>
</html>
...