java如何在wicket数据表中启用可扩展行？

1 周，4 日 Questions & Answers 1598

我对维克特不熟悉。在阅读了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。我假设这不是您想要做的，所以我不会详细介绍，但重点是在DataTable中的每个Item上附加一个^{}，这将触发执行扩展的javascript函数。我想这不是你想做的，因为这不完全是wicket

在服务器端的wicket中有多种方法可以做到这一点。您可以更改数据表示元素（即，更改^{}s以使用能够检测单击并更改其显示的内容填充数据表），也可以更改数据源（在这种情况下，^{}将在重新渲染时拾取更改）

在任何一种情况下，都可能需要将行为附加到行项目。这样做：

重写DataTable上的^{}方法。运行super方法，在它返回的Item上附加一个自定义Behavior，如下所示：

@Override
protected Item<T> newRowItem(final String id, final int index, final IModel<T> model)
{
    Item rowItem = super(id, index, model);
    rowItem.add(new AjaxEventBehavior("onclick") {
         protected void onEvent(AjaxRequestTarget target) {
             //do something
         }
     }
     return rowItem;
}

在我刚刚写的//do something中，你必须根据你采取的方法采取适当的行动。我要做的是使用一个自定义模型，该模型将有一个标志来跟踪它是否被单击

然后，在你认为最适合自己的地方使用这面旗帜。如果选择影响显示，则使用^{}，并在覆盖的填充方法中，使用自定义标签，该标签将检测标志是否为票证，并显示适当的值。或者，无论何时从模型返回对象，都可以检查标志，以返回真实对象的副本，并将其上的值设置为要显示的值；使用此方法，您的PropertyColumn实例将继续工作，无需任何修改

我仍然漏掉了很多答案，如果你想让我详细说明，请留下评论

共 (2) 个答案

# 1 楼答案
如果我的理解是正确的，那么当用户单击该行时，您基本上希望更改该行的内容。这里需要了解一件重要的事情：如果您想在客户端或服务器端执行此操作

如果你想纯粹在客户端完成这项工作，那么你必须使用javascript。我假设这不是您想要做的，所以我不会详细介绍，但重点是在DataTable中的每个Item上附加一个^{}，这将触发执行扩展的javascript函数。我想这不是你想做的，因为这不完全是wicket

在服务器端的wicket中有多种方法可以做到这一点。您可以更改数据表示元素（即，更改^{}s以使用能够检测单击并更改其显示的内容填充数据表），也可以更改数据源（在这种情况下，^{}将在重新渲染时拾取更改）

在任何一种情况下，都可能需要将行为附加到行项目。这样做：

重写DataTable上的^{}方法。运行super方法，在它返回的Item上附加一个自定义Behavior，如下所示：
```
@Override
protected Item<T> newRowItem(final String id, final int index, final IModel<T> model)
{
    Item rowItem = super(id, index, model);
    rowItem.add(new AjaxEventBehavior("onclick") {
         protected void onEvent(AjaxRequestTarget target) {
             //do something
         }
     }
     return rowItem;
}
```
在我刚刚写的//do something中，你必须根据你采取的方法采取适当的行动。我要做的是使用一个自定义模型，该模型将有一个标志来跟踪它是否被单击

然后，在你认为最适合自己的地方使用这面旗帜。如果选择影响显示，则使用^{}，并在覆盖的填充方法中，使用自定义标签，该标签将检测标志是否为票证，并显示适当的值。或者，无论何时从模型返回对象，都可以检查标志，以返回真实对象的副本，并将其上的值设置为要显示的值；使用此方法，您的PropertyColumn实例将继续工作，无需任何修改

我仍然漏掉了很多答案，如果你想让我详细说明，请留下评论
# 2 楼答案

要在Wicket中实现这一点，我会尝试ApacheWicket烹饪书中的“使细胞可点击”方法

您将更改模型对象，而不是创建链接。要快速获取字符串的第一个单词，可以使用Apache Commons ^{}

Python中文网

有 Java 编程相关的问题?

java如何在wicket数据表中启用可扩展行？

共 (2) 个答案

# 1 楼答案

# 2 楼答案