【发布时间】：2011-04-04 16:18:00
【问题描述】：
我正在尝试用 ListView 中的 TextField 替换 Label。几周前我在互联网上看到了一个类似的检票口示例，但我不记得链接了。我已将 AjaxEventBehavior - “onDblClick”添加到 ListItem 中，我想通过它用 TextField 替换 Label，并且还将 AjaxFormComponentUpdatingBehavior - “onBlur”添加到 TextField 中，以便 TextField 将被 Label 替换。不知何故，它不工作。 ListView 的 List 模型仅包含 {"aaaaaaaaaaaaaa", "bbbbbbbbbbbbbbbbbb", "cccccccccccccc"} [我正在测试它] 所以第一个标签将是 "aaaaaaaaaaaaaa"，如果我双击这个标签，TextField 就会出现标签“cccccccccccccc”的位置，这是出乎意料的。而且“onBlur”事件也不起作用。希望我能解释问题。代码如下：
public class TaskTypeSettingsPage extends BasePage implements Serializable {
private String val;
public TaskTypeSettingsPage() {
add(new TaskTypeSettingsForm("form"));
}
public void setVal(String val) {
this.val = val;
}
public String getVal() {
return val;
}
private class TaskTypeSettingsForm extends Form {
private static final long serialVersionUID = 10058L;
private Fragment labelFragment;
private Fragment textFragment;
public TaskTypeSettingsForm(String id) {
super(id);
setOutputMarkupId(true);
ListView listView = new ListView("row", Arrays.asList("aaaaaaaaaaaaa", "bbbbbbbbbbbbbbbb", "cccccccccccccc")) {
@Override
protected void populateItem(ListItem item) {
String str = (String) item.getModelObject();
item.add(new Label("listLabel", str));
item.setOutputMarkupId(true);
labelFragment = new Fragment("frag", "labelFragment", this.getPage());
Label label = new Label("label", str);
label.setOutputMarkupId(true);
labelFragment.setOutputMarkupId(true);
labelFragment.add(label);
item.add(labelFragment);
textFragment = new Fragment("frag", "textFragment", this.getPage());
TextField text = new TextField("text", new PropertyModel(TaskTypeSettingsPage.this, "val"));
text.setOutputMarkupId(true);
textFragment.setOutputMarkupId(true);
textFragment.add(text);
item.add(new AjaxEventBehavior("onDblClick") {
@Override
protected void onEvent(AjaxRequestTarget target) {
labelFragment.replaceWith(textFragment);
labelFragment = textFragment;
target.addComponent(textFragment);
}
});
text.add(new AjaxFormComponentUpdatingBehavior("onBlur") {
@Override
protected void onUpdate(AjaxRequestTarget target) {
textFragment.replaceWith(labelFragment);
textFragment = labelFragment;
target.addComponent(labelFragment);
}
});
}
};
add(listView);
}
}
}
和
<html>
<body>
<wicket:extend>
<div class="heading"><wicket:message key="extras.taskType" /></div>
<form wicket:id="form" autocomplete="off">
<table>
<tr wicket:id="row">
<td>
<span wicket:id="frag"></span>
</td>
</tr>
</table>
<wicket:fragment wicket:id="labelFragment"><span wicket:id="label"></span>
</wicket:fragment>
<wicket:fragment wicket:id="textFragment"><input type="text" wicket:id="text">
</wicket:fragment>
</form>
</wicket:extend>
</body>
</html>
任何信息或示例代码都会对我很有帮助。谢谢你。 编辑：我找到了链接：example 但源代码不可用。
【问题讨论】：