easyuiはwindowのformフォームデータをコミットしません
10311 ワード
<form id="ff" method="post">
,
<div id="win" class="easyui-window" title=" " style="width: 345px; height: 180px; padding: 10px" data-options="modal:true,collapsible:false,minimizable:false,maximizable:false,closable:false,resizable:false,draggable:false">
<div class="easyui-panel" data-options="width:310">
<p><span class="lbl_R"> :</span><input type="text" name="username" class="ipt" /></p>
<p><span class="lbl_R"> :</span><input type="text" name="password" class="ipt" /></p>
</div>
<div style="margin: 10px auto; text-align: right;">
<a href="javascript:void(0)" id="login" class="easyui-linkbutton"> </a>
<a href="javascript:void(0)" id="reset" class="easyui-linkbutton"> </a>
</div>
</div>
</form>
上記の書き方は、easyuiのajaxコミットにより、バックグラウンドでフォームデータが取得されず、#winのdivにフォームをネストするだけで解決できます
<div id="win" class="easyui-window" title=" " style="width: 345px; height: 180px; padding: 10px" data-options="modal:true,collapsible:false,minimizable:false,maximizable:false,closable:false,resizable:false,draggable:false">
<form id="ff" method="post">
<div class="easyui-panel" data-options="width:310">
<p><span class="lbl_R"> :</span><input type="text" name="username" class="ipt" /></p>
<p><span class="lbl_R"> :</span><input type="text" name="password" class="ipt" /></p>
</div>
</form>
<div style="margin: 10px auto; text-align: right;">
<a href="javascript:void(0)" id="login" class="easyui-linkbutton"> </a>
<a href="javascript:void(0)" id="reset" class="easyui-linkbutton"> </a>
</div>
</div>