我有一個包含表格的檢票面板。這是它的構造:在門票中刷新包含面板的表格
public NotFinishedExamsPanel(String id, final String userId, String[] egal) {
super(id, new ResourceModel("notFinishedExams"), true);
this.setOutputMarkupId(true);
MySystem mysystem = ((MySession) Session.get()).getMySystem();
String uid = ((MySession) Session.get()).getUsername();
ArrayList<ExamData> exams = new ArrayList<ExamData>();
try {
if (!mysystem.account(userId).isStudent()) {
return;
}
for (String exId : mysystem.exams()) {
Exam ex = mysystem.exam(exId);
if ((!(ex.hasResult(mysystem.account(userId).student().id()) && (ex.isPublished())))) {
exams.add(new ExamData(mysystem.account(userId).student().id(), exId));
}
}
ExamProvider exProv = new ExamProvider(exams);
ArrayList<IColumn<ExamData, String>> columns = new ArrayList<IColumn<ExamData, String>>();
columns.add(new PropertyColumn<ExamData, String>(new ResourceModel("title", "Titel"), "title"));
columns.add(new PropertyColumn<ExamData, String>(new ResourceModel("date", "Datum"), "date"));
columns.add(new PropertyColumn<ExamData, String>(new ResourceModel("time", "Uhrzeit"), "time"));
columns.add(new PropertyColumn<ExamData, String>(new ResourceModel("location", "Ort"), "location"));
columns.add(new PropertyColumn<ExamData, String>(new ResourceModel("status", "Status"), "status") {
private static final long serialVersionUID = 7758862055950720446L;
public void populateItem(Item item, String componentId, IModel rowModel) {
Status status = ((ExamData) rowModel.getObject()).status;
item.add(new ShowExamStatusPanel(componentId, status));
}
});
columns.add(new PropertyColumn<ExamData, String>(new Model<String>(""), "status") {
private static final long serialVersionUID = 7758862055950720446L;
public void populateItem(Item item, String componentId, IModel rowModel) {
String examId = ((ExamData) rowModel.getObject()).examId;
String studentId = ((ExamData) rowModel.getObject()).studentId;
Status status = ((ExamData) rowModel.getObject()).status;
item.add(new ChangeExamStatusPanel(componentId, userId, examId, studentId, status));
}
});
DefaultDataTable<ExamData, String> ddt = new DefaultDataTable<ExamData, String>("datatable", columns, exProv, 64);
collapsible.add(ddt);
} catch (NoSuchElementException e) {
error(e.getMessage());
}
}
可摺疊的是WebMarkupContainer(div標籤)從超類繼承(超類擴展面板)。 正如你所看到的,在最後兩列中,我不只是放在一個簡單的文字,而是一個特殊的面板。
ShowExamStatusPanel包含顯示無論您是這門考試或沒有登錄標籤:
class ShowExamStatusPanel extends Panel {
private static final long serialVersionUID = 6359496765268390462L;
public ShowExamStatusPanel(String id, final Status status) {
super(id);
this.setOutputMarkupId(true);
Label showStatus = new Label("showStatus", new AbstractReadOnlyModel<String>() {
private static final long serialVersionUID = 1L;
public String getObject() {
return ((status == Status.SIGNED_IN || status == Status.SIGNED_IN_CLOSED) ? (new ResourceModel("signed_in").getObject()) : (new ResourceModel("not_signed_in")).getObject());
}
});
showStatus.add(new AttributeModifier("class", ((status == Status.SIGNED_IN || status == Status.SIGNED_IN_CLOSED) ? "examSignedUpColor" : "examNotSignedUpColor")));
this.add(showStatus);
}
}
ChangeExamStatusPanel包含切換你的狀態參加考試的鏈接(它在簽署,如果你不和跡象關閉否則):
class ChangeExamStatusPanel extends Panel {
private static final long serialVersionUID = -8527825882073976118L;
public ChangeExamStatusPanel(final String id, final String userId, final String examId, final String studentId, final Status status) {
super(id);
this.setOutputMarkupId(true);
MySystem mysystem = ((MySession) Session.get()).getMySystem();
AjaxLink cesl= new AjaxLink("changeExamStatusLink") {
private static final long serialVersionUID = 4306084754982648221L;
@Override
public void onClick(AjaxRequestTarget target) {
MySystem mysystem = ((MySession) Session.get()).getMySystem();
try {
if (status == Status.SIGNED_IN) {
mysystem.exam(examId).removeParticipant(userId, studentId);
} else if (status == Status.NOT_SIGNED_IN) {
mysystem.exam(examId).addParticipant(userId, studentId);
}
} catch (Exception e) {
NotFinishedExamsPanel.this.error(e.getMessage());
}
target.addChildren(NotFinishedExamsPanel.this, ChangeExamStatusPanel.class);
target.addChildren(NotFinishedExamsPanel.this, ShowExamStatusPanel.class);
target.add(NotFinishedExamsPanel.this);
}
};
Label ceslText = new Label("linkText", ("[" + (new ResourceModel((status == Status.SIGNED_IN || status == Status.SIGNED_IN_CLOSED) ? "sign_off" : "sign_in")).getObject() + "]"));
cesl.add(ceslText);
ceslText.setVisibilityAllowed(status == Status.SIGNED_IN || status == Status.NOT_SIGNED_IN);
this.add(cesl);
}
}
當鏈接被點擊,我要被刷新的表,因爲登錄的狀態爲一個考試已經改變。但我沒有得到這個工作。使用上面的代碼,當我點擊鏈接時沒有任何反應。如果我然後按F5並刷新整個頁面,我會看到更改。
如何刷新表格(包括內部面板),我該怎麼做?
這裏的HTML文件,如果需要的話:
NotFinishedExamsPanel.html:
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<head>
</head>
<body>
<wicket:extend>
<table wicket:id="datatable" class="datatable" style="margin:0px"></table>
</wicket:extend>
</body>
</html>
NotFinishedExamsPanel $ ShowExamStatusPanel.html:
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<wicket:panel>
<span wicket:id="showStatus"></span>
</wicket:panel>
</html>
NotFinishedExamsPanel $ ChangeExamStatusPanel.html:
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<wicket:panel>
<a wicket:id="changeExamStatusLink" href="#"><span wicket:id="linkText"></span></a>
</wicket:panel>
</html>
ExamProvider.java:
class ExamProvider extends SortableDataProvider<ExamData, String> {
private static final long serialVersionUID = 1476722834865141105L;
private ExamDataProviderComparator comparator = new ExamDataProviderComparator();
private List<ExamData> examList;
public ExamProvider(List<ExamData> examList) {
this.examList = examList;
this.setSort("date", SortOrder.DESCENDING);
}
public Iterator<ExamData> iterator(long first, long count) {
List<ExamData> newList = new ArrayList<ExamData>(this.examList);
Collections.sort(newList, comparator);
return newList.subList((int) first, (int) (first + count)).iterator();
}
public long size() {
return this.examList.size();
}
public IModel<ExamData> model(final ExamData object) {
return new AbstractReadOnlyModel<ExamData>() {
private static final long serialVersionUID = -3048436145666499501L;
public ExamData getObject() {
return (ExamData) object;
}
};
}
class ExamDataProviderComparator implements Comparator<ExamData>, Serializable {
private static final long serialVersionUID = 7660088204512731476L;
public int compare(final ExamData o1, final ExamData o2) {
PropertyModel<Comparable> model1 = new PropertyModel<Comparable>(o1, getSort().getProperty());
PropertyModel<Comparable> model2 = new PropertyModel<Comparable>(o2, getSort().getProperty());
int result = 0;
if (model1.getObject() instanceof String && model2.getObject() instanceof String) {
if (getSort().getProperty().equalsIgnoreCase("date")) {
try {
SimpleDateFormat sdt = new SimpleDateFormat("dd.MM.yyyy", Locale.GERMAN);
Date d1 = sdt.parse(model1.getObject().toString());
Date d2 = sdt.parse(model2.getObject().toString());
result = d1.compareTo(d2);
} catch (ParseException e) {
result = Collator.getInstance(Locale.GERMAN).compare(model1.getObject(), model2.getObject());
}
} else {
result = Collator.getInstance(Locale.GERMAN).compare(model1.getObject(), model2.getObject());
}
} else {
result = model1.getObject().compareTo(model2.getObject());
}
if (!getSort().isAscending()) {
result = -result;
}
return result;
}
}
}
你能否解釋一下如何在'ChangeExamStatusPanel'中獲得對'NotFinishedExamsPanel.this'的引用? – mrak
還有一個問題:什麼是「ExamProvider」? LoadableDetachableModel? – mrak
@mrak類「ChangeExamStatusPanel」和「ShowExamStatusPanel」位於「NotFinishedExamsPanel」內部,它們是內部類。所以我可以訪問它們中的NotFinishedExamsPanel。 ExamProvider擴展了SortableDataProvider。我將把它的代碼放在我的帖子中。 –
DonGiovanni