如何在检票口中创建手风琴

Question

我正在使用 wicket 1.4.17。我浏览了很多关于此的帖子，但无法清楚地理解它。如何在检票口制作手风琴？

基本上，我正在寻找一种具有 1 列和多行的表格，其中每一行都可以展开或折叠，展开时的每一行都显示另一个数据表。

Answer 1

以下代码示例应该可以帮助您入门。 如果有什么不清楚的地方，请随时提出问题。当然，您可以更深入地了解 DetailPanel（这就是我建议采用这种方法的原因）

    AbstractRepeater exampleView = new ListView<Object>("exampleView", myList) {


        @Override
        protected void populateItem(ListItem<Object> item) {
            //you can use a own panel, fragment, etc to illustrate your detail view here
            //you could also use one WebMarkupContainer for visibility - but I'd assume this will get very messy, very soon
            final DetailPanel detailPanel = new DetailPanel("detailPanel", item.getModel());
            detailPanel.setVisible(false);
            detailPanel.setOutputMarkupPlaceholderTag(true);
            item.add(detailPanel);

            //add AjaxLink to switch between the visibilty of the detailView
            AjaxLink<Void> detailLink = new AjaxLink<Void>("detailLink") {

                @Override
                public void onClick(AjaxRequestTarget target) {
                    detailPanel.setVisible(!detailPanel.isVisible());
                    target.addComponent(detailPanel);
                }
            };
            item.add(detailLink);

        }
    };
    add(exampleView);