DataGrid控件：弹出面板编辑 - jQuery MiniUI

<div id="datagrid1" class="mini-datagrid" style="width:900px;height:280px;" url="users/getAll" >
<div property="columns">
<div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">#</div>
<div field="username" width="120" headerAlign="center" allowSort="true">员工帐号</div>
<div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>
<div field="sex" width="100" renderer="onGenderRenderer" align="center" headerAlign="center">性别</div>
<div field="wage" width="100" allowSort="true">薪资</div>
<div field="age" width="100" allowSort="true">年龄</div>
<div field="birthday" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
</div>
</div>
<div id="editWindow" class="mini-window" title="Window" style="width:650px;"
showModal="true" allowResize="true" allowDrag="true">
<div id="editform" class="form" >
<input class="mini-hidden" name="id"/>
<table style="width:100%;">
<tr>
<td style="width:80px;">员工帐号：</td>
<td style="width:150px;"><input name="username" class="mini-textbox" /></td>
<td style="width:80px;">姓名：</td>
<td style="width:150px;"><input name="name" class="mini-textbox" /></td>
<td style="width:80px;">薪资：</td>
<td style="width:150px;"><input name="wage" class="mini-textbox" /></td>
</tr>
<tr>
<td>性别：</td>
<td><input name="sex" class="mini-combobox" url="data/genders.txt"/></td>
<td>年龄：</td>
<td><input name="age" class="mini-spinner" minValue="0" maxValue="200" value="25" /></td>
<td>出生日期：</td>
<td><input name="birthday" class="mini-datepicker" /></td>
</tr>
<tr>
<td style="text-align:right;padding-top:5px;padding-right:20px;" colspan="6">
<a class="Update_Button" href="javascript:updateRow()">Update</a>
<a class="Cancel_Button" href="javascript:cancelRow()">Cancel</a>
</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
mini.parse();
var grid = mini.get("datagrid1");
grid.load();
var editWindow = mini.get("editWindow");
////////////////////////////////////////////////////
function onActionRenderer(e) {
var grid = e.sender;
var record = e.record;
var uid = record._uid;
var rowIndex = e.rowIndex;
var s = '<a class="New_Button" href="javascript:newRow()">New</a>'+" "
+ '<a class="Edit_Button" href="javascript:editRow(\'' + uid + '\')">Edit</a>';
return s;
}
function editRow(row_uid) {
var row = grid.getRowByUID(row_uid);
if (row) {
editWindow.show();
var form = new mini.Form("#editform");
form.clear();
form.loading();
$.ajax({
url: "users/findById",
data:{id:row.id},
success: function (text) {
form.unmask();
var o = mini.decode(text);
form.setData(o);
},
error: function () {
alert("表单加载错误");
form.unmask();
}
});
}
}
function updateRow() {
var form = new mini.Form("#editform");
var o = form.getData();
grid.loading("保存中，请稍后......");
var json = mini.encode(o);
$.ajax({
url: "users/update",
data: { data: json },
success: function (text) {
grid.reload();
},
error: function (jqXHR, textStatus, errorThrown) {
alert(jqXHR.responseText);
}
});
editWindow.hide();
}
</script>
以上是我的显示层代码
下面是我SpringMVC控制器的方法
@RequestMapping("/update")
public void update(String data){
System.out.println(data);
JSONObject jsonObject = JSONObject.fromObject(data);
Users users = (Users) jsonObject.toBean(jsonObject, Users.class);
this.getUs().update(users);
}
奇葩的问题sql语句能能够发送成功但是在成功调用完 update 方法后 update方法依然被无限调用直至内存溢出下面是我的异常信息

复制代码