解决topjui中工具栏按钮删除刷新从属表

时间:2019-04-15
本文章向大家介绍解决topjui中工具栏按钮删除刷新从属表,主要包括解决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) { //错误处理
                }
            });
        }
    });
}

效果如图: