easyui 可编辑表格删除回调函数的使用

智海深渊

于 2022-11-10 15:35:22 发布

阅读量400

点赞数

CC 4.0 BY-SA版权

分类专栏： JqueryEasyui 文章标签： easyui

创作不易，转发请注明出处，感谢支持。

本文链接：https://blog.youkuaiyun.com/xy_focus/article/details/123915347

JqueryEasyui 专栏收录该内容

3 篇文章

订阅专栏

这篇博客详细介绍了如何利用edatagrid组件进行学生管理，包括添加、删除学生的操作。在删除学生时，调用了'destroyUrl'来执行删除，并提供了回调函数onDestroy，用于显示后台返回的删除结果信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 $('#tt').edatagrid({
                url: '../getStudents',
                destroyUrl:'../deleteStudent',//删除时必须给删除请求地址，才会执行删除
                idField:'stuId',//标记数据表的主键
                columns:[[
                    {field:'stuId',title:'学生编号'}
                     //你的列
            ]],
 toolbar: [{
                    iconCls: 'icon-add',
                    text:'添加学生',
                    handler: function(){

                        }
                },'-',{
                    iconCls: 'icon-remove',
                    text:'删除学生',
                    handler: function(){
                        $('#tt').edatagrid('destroyRow');//删除数据
                    }
                }],
 onDestroy:function (rowindex,row){//删除回调 函数
                    console.log(rowindex);//第一个参数是删除的第几行
                    console.log(row);//删除的行数据，包含了删除时后台发送成功或失败消息
                    //
                    if(row.success){
                       $.messager.alert('系统提示',row.msg);
                    }else {
                        $.messager.alert('系统提示',row.msg);
                    }
                }