为什么Wicket模式窗口中有窗体？

Question

当我看到Wicket模式窗口的HTML时，我看到一个表单。为什么在那里？

Answer 1

ModalWindow的JavaScript产生一个<form>支持下列用例：

+ Page 
    + Form("f") 
    + TextField("a") 
    + ModalWindow("m") 
     + Form("f2") 
     + TextField("b") 

当在浏览器中呈现，嵌套形式“F2”呈现为<div> - 这是后话检票为你做，因为嵌套表单不是有效的HTML。

当打开时，ModalWindow删除其含有标记，并把它放入添加到文档主体上的<div>：

<form wicket:id="f"> 
    <input wicket:id="a" /> 
    <div wicket:id="m"> 
     <!-- markup removed --> 
    </div> 
</form> 

<div> 
    <form> <!-- generated form --> 
     <div wicket:id="f2"> 
      <input wicket:id="b" /> 
     </div> 
    </form> 
</div> 

没有产生形成的模态窗口内的输入不能通过Ajax提交。

请注意，这有一个顽皮的暗示： 即使你只是想使用模态窗口内的窗体，你仍然必须有一个窗体包装模态窗口。

没有它：

+ Page 
    # wrong - no wrapping form 
    + ModalWindow("m") 
    + Form("f2") 
     + TextField("b") 

... “F2” 将留<form>其结果将有两个嵌套的表格无效的HTML：

<div wicket:id="m"> 
    <!-- markup removed --> 
</div> 

<div> 
    <form> <!-- generated form --> 
     <form wicket:id="f2"> 
      <input wicket:id="b" /> 
     </form> 
    </form> 
</div>