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>