easyui 标签和ajax冲突的问题

浏览数：44 / 时间：2015年06月09日

初始html：使用$(‘#frmLogin‘).serialize()无法获取表单值

<body>
<form id="frmLogin" method="post">
<div id="divLogin" class="easyui-dialog" title="Login Form" style="width:400px; height:200px;"
data-options="iconCls:‘icon-save‘, closable:false, resizable:true,modal:true,minimizable:true,maximizable:true,
toolbar:[{
text:‘编辑‘,
iconCls:‘icon-edit‘,
handler:function(){alert(‘you click edit‘);}
},{
text:‘帮助‘,
iconCls:‘icon-help‘,
handler:function(){alert(‘you click help‘);}
}],
buttons:[{
text:‘保存‘,
iconCls:‘icon-save‘,
handler:function(){ FunSubmit();}
},{
text:‘取消‘,
iconCls:‘icon-cancel‘,
handler:function(){alert(‘youc click cancel‘);}
}]">

<table>
<tr>
<th align="right">用户名:</th>
<td><input name="username" /></td>
</tr>
<tr>
<th align="right">密码:</th>
<td><input name="userpassword" type="password" /></td>
</tr>
</table>
</div>
</form>
</body>

修改后的html 将form表单放在easyui标签里面$(‘#frmLogin‘).serialize()序列化表单成功

<body>
<div id="divLogin" class="easyui-dialog" title="Login Form" style="width:400px; height:200px;"
data-options="iconCls:‘icon-save‘, closable:false, resizable:true,modal:true,minimizable:true,maximizable:true,
toolbar:[{
text:‘编辑‘,
iconCls:‘icon-edit‘,
handler:function(){alert(‘you click edit‘);}
},{
text:‘帮助‘,
iconCls:‘icon-help‘,
handler:function(){alert(‘you click help‘);}
}],
buttons:[{
text:‘保存‘,
iconCls:‘icon-save‘,
handler:function(){ FunSubmit();}
},{
text:‘取消‘,
iconCls:‘icon-cancel‘,
handler:function(){alert(‘youc click cancel‘);}
}]">
<form id="frmLogin" method="post">
<table>
<tr>
<th align="right">用户名:</th>
<td><input name="username" /></td>
</tr>
<tr>
<th align="right">密码:</th>
<td><input name="userpassword" type="password" /></td>
</tr>
</table>
</form>
</div>
</body>