Question

我在<a/>标记内有一个组件，可以在点击时打开一个弹出窗口。它是一个“添加到收藏夹”链接，适用于KML文件。我的KML文件有一个名为“favorite [boolean]”的字段。现在我想隐藏或显示我的“添加到收藏夹”链接。使用表格生成KML列表：

public class CustomTracksAjaxDataTable<T> extends CustomAjaxDataTable<T> {
    public CustomTracksAjaxDataTable(String id, List<IColumn<T>> iColumns,
      ISortableDataProvider<T> tiSortableDataProvider, int rowsPerPage) {
        super(id, iColumns, tiSortableDataProvider, rowsPerPage);
    }

    protected void onEventHandler(AjaxRequestTarget ajaxRequestTarget,
      KMLFile file) {
        setKMLData(file); // it just update map, dont care about it
        add(new FavouriteStarIconState(file.isSaved()));
    }
}

我试图添加一个行为：

public class FavouriteStarIconState extends AbstractDefaultAjaxBehavior {
    private boolean isFavourite;

    public FavouriteStarIconState(boolean isFavourite) {
        super();
        this.isFavourite = isFavourite;
    }

    @Override
    protected void respond(AjaxRequestTarget target) {
        if (isFavourite) {
            target.appendJavascript("jQuery('.map_container_star').css(
              {'display' : 'none' });");
        } else {
            target.appendJavascript("jQuery('.map_container_star').css(
              {'display' : 'block' });");
        }
    }

    @Override
    public void renderHead(IHeaderResponse response) {
        response.renderOnLoadJavascript(getCallbackScript().toString());
    }
}

包含组件的HTML部分：

<div id="map_container">
    <a wicket:id="favourite_star" class="map_container_star"></a>
</div>

这不起作用。我在component.setVisible(false)得到了相同的结果。我怎样才能隐藏起来工作？

Answer 1

嗯，它发现我犯了一个可怕的错误并将javascript附加在错误的地方。未呈现AJAX请求。正确的类是由我的类CustomTracksAjaxDataTable扩展的CustomAjaxDataTable。我只是添加

new AjaxEventBehavior( "onclick" )

并覆盖

protected void onEvent( AjaxRequestTarget ajaxRequestTarget )

现在效果很好

Answer 2

你可以使用像这样的CSS类

  .hiddenClass
{
    visibility:hidden;
}

然后使用 AttributeModifier 将类添加到元素

component.add(new AttributeModifier("class", "hiddenClass"));

或将样式直接添加到样式属性

component.add(new AttributeModifier("style", "visibility:hidden;"));

隐藏Wicket中的组件

2 个答案: