提交由javascript填充的表单会在Wicket中显示空值
Submitting form populated by javascript results in empty values in Wicket
我要做的是用两个多选进行交叉选择。当我点击一个按钮,一个简单的javascript会转移一个值从一个到另一个。这工作得很好,但当我试图提交整个表单时,我得到的只是一个空列表。这是我的组件的代码。
ListMultipleChoice<String> valueControl = new ListMultipleChoice<>("customValue",
new DocumentModel(owner, property)/*my own model for setting properties*/,optionsList,
new DocumentRenderer(options));
valueControl.setRequired(property.isRequired());
valueControl.setLabel(Model.of(property.getCaption()));
valueControl.setOutputMarkupId(true);
valueControl.setMarkupId("select-to");
ListMultipleChoice<String> multiSelect = new ListMultipleChoice<>("options",new Model(), optionsList,
new DocumentRenderer(options)); //this is my own renderer
add(multiSelect);
add(valueControl);
这是我的标记代码。
<html xmlns:wicket="http://wicket.apache.org/">
<wicket:extend>
<div>
<select wicket:id="options" id="select-from" multiple
class="form-control" data-placeholder="Nothing selected">
<option>Select me</option>
</select>
<button type="button" id="btn-add">
</button>
<button type="button" id="btn-remove">
</button>
<select wicket:id="customValue" class="form-control" multiple id="select-to"
data-placeholder="Nothing selected">
<option>Select me</option>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#btn-add').click(function(){
$('#select-from option:selected').each( function() {
$('#select-to').append("<option value='"+$(this).val()+"' selected='selected'>"+$(this).text()+"</option>");
$(this).remove();
});
});
$('#btn-remove').click(function(){
$('#select-to option:selected').each( function() {
$('#select-from').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
$(this).remove();
});
});
});
});
</script>
</wicket:extend>
</html>
如果我在这个过程中遗漏了什么,我很抱歉。提前感谢大家。
所以你是在重塑org.apache. wicket_extensions .markup.html.form.palette. palette ?为什么?
相关文章:
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何在生成下载文件时显示加载动画
- React重新渲染但未显示正确的组件
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 音频控件在mouseover上显示,在mouseout上淡出
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 显示5秒后隐藏潜水
- 画廊图像未显示
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 高亮显示时编辑文本大小和颜色
- JavaScript/Wicket:如何显示阻止用户交互的覆盖
- 提交由javascript填充的表单会在Wicket中显示空值
- 如何在wicket中隐藏/显示yu.calendar . datepicker
- Wicket和AJAX:将文件上传到服务器并在页面上显示