zoukankan      html  css  js  c++  java
  • 解决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) { //错误处理
                    }
                });
            }
        });
    }
  • 相关阅读:
    课堂讨论电子版
    轻量级推送及在此基础上的即时通讯探索(1)
    第十章 Android的消息机制
    第十一章 Android的线程和线程池
    第八章 理解Window和WindowMannager
    第四章 View的工作原理
    第三章 View的事件体系
    第二章 IPC
    Android独立音量播放器
    SpringMVC笔记
  • 原文地址:https://www.cnblogs.com/zengcongcong/p/10712630.html
Copyright © 2011-2022 走看看