easyui在进行删除数据后进行局部刷新

迷南。 2022-03-29 15:02 512阅读 0赞

自己在学习easyui时，删除数据后发现列表中的数据没有消失，但数据库中的数据已经删除了，

过后查阅资料得知，只需在ajax请求成功后再下面加一句代码对datagrid组件的id进行操作即可

>     $('#role_table').datagrid('reload'); //在向服务器改变数据之后，更新前台数据。

实际代码人如下：

,{
                iconCls: 'icon-remove',
                text:"删除",
                handler: function(){
                    var rem=$("#role_table").datagrid("getSelections");
                    console.log(rem.length);
                    if(rem.length==1){
                        //删除时弹框
                        $.messager.confirm('确认','您确认想要删除记录吗？',function(r){
                            console.log(r);
                            if (r){
                                //获取当前选中的数据的id
                                //发ajax请求都后台删除
                                $.get("delete",{id:rem[0].id},function(data){
                                    console.log(data)
                                    if(data==1){
                                        $('#role_table').datagrid('reload'); //在向服务器改变数据之后，更新前台数据。
                                        $.messager.show({
                                            title: '系统消息',
                                            msg: '删除成功',
                                            timeout: 3000,
                                            showType: 'slide'
                                        });
                                    }else{
                                        $.messager.show({
                                            title: '系统消息',
                                            msg: '删除失败',
                                            timeout: 3000,
                                            showType: 'slide'
                                        });
                                    }
    
                                },"json");
                            }
                        });
                    }else{
                        $.messager.alert('系统消息','请选择<span style="color:red" >一行</span>进行删除');
                    }
                }

哈哈，完成，不要忘了一键三连，支持支持博主呀。