java如何在wicket数据表中启用可扩展行?
我对维克特不熟悉。在阅读了wicket文档之后,我决定使用datatable创建一个表。不过,我确实需要一些帮助。如何使表中的行在datatable中可展开?这是否真的不能在datatable中完成,我必须切换到repeatingview
HTML代码
<!DOCTYPE html>
<html lang="en"
xml:lang="en"
xmlns:wicket="http://wicket.apache.org>
<head>
<title> Wicket test </title>
</head>
<body>
<table cellspacing="0" wicket:id="table"></table>
</body>
</html>
Java代码
import java.util.ArrayList;
import java.util.List;
import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.extensions.markup.html.repeater.data.table.DefaultDataTable;
import org.apache.wicket.extensions.markup.html.repeater.data.table.IColumn;
import org.apache.wicket.extensions.markup.html.repeater.data.table.PropertyColumn;
import org.apache.wicket.model.Model;
public class TestPage extends WebPage {
public TestPage() {
final UserProvider userProvider = new UserProvider();
List<IColumn<UserProvider.Contact, String>> columns = new ArrayList<IColumn<UserProvider.Contact, String>>(2);
columns.add(new PropertyColumn<UserProvider.Contact, String>(new Model<String>("First Name"), "name.first", "name.first"));
columns.add(new PropertyColumn<UserProvider.Contact, String>(new Model<String>("Last Name"), "name.last", "name.last"));
DefaultDataTable<UserProvider.Contact, String> dataTable = new DefaultDataTable<UserProvider.Contact, String>("table", columns, userProvider, 10);
add(dataTable);
}
}
UserProvider的Java代码
import java.util.*;
import java.io.Serializable;
import org.apache.wicket.extensions.markup.html.repeater.data.sort.SortOrder;
import org.apache.wicket.extensions.markup.html.repeater.util.SortableDataProvider;
import org.apache.wicket.model.AbstractReadOnlyModel;
import org.apache.wicket.model.IModel;
import org.apache.wicket.model.PropertyModel;
public Class UserProvider extends SortableDataProvider {
class SortableDataProviderComparator implements Comparator<Contact>, Serializable {
public int compare(final Contact o1, final Contact o2) {
PropertyModel<Comparable> model1 = new PropertyModel<Comparable>(o1, (String) getSort().getProperty());
PropertyModel<Comparable> model2 = new PropertyModel<Comparable>(o2, (String) getSort().getProperty());
int result = model1.getObject().compareTo(model2.getObject());
if (!getSort().isAscending()) {
result = -result;
}
return result;
}
}
private List<Contact> list = new ArrayList<Contact>();
private SortableDataProviderComparator comparator = new SortableDataProviderComparator();
public UserProvder() {
setSort("name.first", SortOrder.ASCENDING);
list.add(new Contact(new Name("Abbie", "Zed LaBlanc Kayle Garcia")));
list.add(new Contact(new Name("Benny", "Yellen")));
list.add(new Contact(new Name("Charles", "Wukong Mike Alistar")));
list.add(new Contact(new Name("Dennis Woody Tresh", "Rose")));
list.add(new Contact(new Name("Elaine", "Poppy")));
list.add(new Contact(new Name("Peter Jose Brian", "Jax")));
}
public Iterator<Contact> model(long first, long count) {
List<Contact> newList = new ArrayList<Contact>(list);
Collections.sort(newList, comparator);
return newList.subList((int) first, (int) (first + count)).iterator();
}
public IModel<Contact> model(final Object object) {
return new AbstractReadOnlyModel<Contact>() {
@Override
public Contact getObject() {
return (Contact) object;
}
};
}
public long size() {
return list.size();
}
class Contact implements Serializable {
private final Name name;
public Contact(final Name name) {
this.name = name;
}
public Name getName() {
return name;
}
}
class Name implements Serializable {
private String firstName;
private String lastName;
public Name(final String fName, final String lName) {
firstName = fName;
lastName = lName;
}
public String getFirst() {
return firstName;
}
public String getLast() {
return lastName;
}
public setFirst(final String firstName) {
this.firstName = firstName;
}
public setLast(final String lastName) {
this.lastName = lastName;
}
}
}
上面的Java代码来自一些在线示例。目标是默认表只显示姓氏的第一个单词和名字的第一个单词。单击该行后,它将展开并显示该行的整个名字和姓氏
提前感谢您的任何意见和建议。希望我不必离开datatable
# 1 楼答案
如果我的理解是正确的,那么当用户单击该行时,您基本上希望更改该行的内容。这里需要了解一件重要的事情:如果您想在客户端或服务器端执行此操作
如果你想纯粹在客户端完成这项工作,那么你必须使用javascript。我假设这不是您想要做的,所以我不会详细介绍,但重点是在} ,这将触发执行扩展的javascript函数。我想这不是你想做的,因为这不完全是wicket
DataTable
中的每个Item
上附加一个^{在服务器端的wicket中有多种方法可以做到这一点。您可以更改数据表示元素(即,更改^{}s 以使用能够检测单击并更改其显示的内容填充数据表),也可以更改数据源(在这种情况下,^{} 将在重新渲染时拾取更改)
在任何一种情况下,都可能需要将行为附加到行项目。这样做:
重写DataTable上的^{} 方法。运行super方法,在它返回的
Item
上附加一个自定义Behavior
,如下所示:在我刚刚写的//do something中,你必须根据你采取的方法采取适当的行动。我要做的是使用一个自定义模型,该模型将有一个标志来跟踪它是否被单击
然后,在你认为最适合自己的地方使用这面旗帜。如果选择影响显示,则使用^{} ,并在覆盖的填充方法中,使用自定义标签,该标签将检测标志是否为票证,并显示适当的值。或者,无论何时从模型返回对象,都可以检查标志,以返回真实对象的副本,并将其上的值设置为要显示的值;使用此方法,您的PropertyColumn实例将继续工作,无需任何修改
我仍然漏掉了很多答案,如果你想让我详细说明,请留下评论
# 2 楼答案
要在Wicket中实现这一点,我会尝试ApacheWicket烹饪书中的“使细胞可点击”方法
您将更改模型对象,而不是创建链接。要快速获取字符串的第一个单词,可以使用Apache Commons ^{}