Wicket JQuery可选可排序组合

Wicket-jQuery UI Api显示了可排序列表视图的示例：

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

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

[标签]

---

如何接收这些单击事件，以便我知道用户选择了哪些列表元素？有没有办法将其与可选方法结合起来，请参见？

应该可以这样做：

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

[标签]
德尔

在爪哇

@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)
          }
    });
}

@覆盖
受保护的void populateItem（列表项）{
添加（新的EmptyPanel（“图标”）.add（AttributeModifier.append（“class”，“ui图标”+JQueryIcon.ARROW_2_N_S））；
添加（新标签（“item”，item.getModelObject（））；
add（AttributeModifier.append（“类”，“ui状态默认”）；
添加（新的AjaxLink（“删除按钮”）{
公共void onClick（AjaxRequestTarget目标）{
//按项从列表中删除项。getModelObject（）
//重新加载可排序组件，如target.add（可排序）
}
});
}