解决topjui中工具栏按钮删除刷新从属表
遇到了这么个问题:当在从属datagrid表格中,点击主表工具栏按钮中的删除,通过后台的多表删除的sql,返回给前台之后,从属表的数据成功在数据库中删除,但是在前台页面显示的时候,只刷新了主表,子表未刷新,解决办法如下:手动对两个datagrid进行刷新
$("#delete").iMenubutton({ extend : '#mainDg-toolbar', iconCls : 'fa fa-trash', btnCls : 'topjui-btn-red', width : 90, onClick:deleteAll });
/* * DeleteAll方法 */ function deleteAll(){ var row = $('#mainDg').datagrid('getSelected'); if(!row){ alert("请先选择要删除的数据后进行此操作!"); } console.log(row.uuid); var uuid = row.uuid; return deleteRow(uuid); } /** * 以主键方式对主表数据进行删除操作 */ function deleteRow(uuid) { $.iMessager.confirm('操作提示', '所选择的数据一经删除将不可恢复,是否确认进行此操作?', function(r) { if (r) { //异步提交删除数据 $.ajax({ type : 'POST', url : "main/indexHandle.jsp?flags=deleteFatherAndChildren", dataType : "json", contentType : "application/x-www-form-urlencoded;charset=UTF-8", data : { "uuid" : uuid }, //构建主键 success : function(data) { showMessage(data); if (data.statusCode == 200) { //操作成功重载数据 $('#mainDg').iDatagrid('reload'); $('#detailDg').iDatagrid('reload'); } }, error : function(data) { //错误处理 } }); } }); }