Question

Wicket - jQuery UI Api显示了一个可排序列表视图的示例：http://www.7thweb.net/wicket-jquery-ui/sortable/DefaultSortablePage?6

我不仅要对列表进行排序，还要通过单击按钮删除列表中的单个元素，例如：

<ul wicket:id="sortable" class="sortable">
        <li wicket:id="items">
            <span wicket:id="item" class="item">[label]</span>
            <img wicket:id="deleteButton"/>
        </li>
</ul>

如何才能接收这些点击事件，以便我知道用户选择了哪些列表元素？有没有办法将它与可选择的方法结合起来，请参阅http://www.7thweb.net/wicket-jquery-ui/selectable/DefaultSelectablePage?7？

Answer 1

应该可以这样做：

<li wicket:id="items">
   <span wicket:id="item" class="item">[label]</span>
   <a wicket:id="deleteButton">DEL</a> <!-- add new link for delete -->
</li>

在java中

@Override
protected void populateItem(ListItem<String> item)  {
    item.add(new EmptyPanel("icon").add(AttributeModifier.append("class", "ui-icon " + JQueryIcon.ARROW_2_N_S)));
    item.add(new Label("item", item.getModelObject()));
    item.add(AttributeModifier.append("class", "ui-state-default"));
    item.add(new AjaxLink("deleteButton") {
          public void onClick(AjaxRequestTarget target) {
             // remove item from list by item.getModelObject() 
             // reload sortable component like target.add(sortable)
          }
    });
}

Wicket JQuery Selectable Sortable组合

1 个答案: