ASP.NET MVC删除行jquery datatables
创始人
2024-09-16 16:30:21
0

以下是一个示例解决方案,该解决方案使用ASP.NET MVC和jQuery DataTables删除行。

首先,确保在你的项目中安装了jQuery和jQuery DataTables的相关资源。

在你的视图文件中,可以使用以下代码来创建一个基本的DataTable:


        @foreach (var item in Model)
        {
            
        }
    
列1 列2 操作
@item.Column1 @item.Column2

接下来,添加以下JavaScript代码来初始化DataTable并处理行删除事件:

$(document).ready(function() {
    $('#myTable').DataTable();

    // 处理行删除事件
    $('#myTable').on('click', '.delete-row', function() {
        var row = $(this).closest('tr');
        var data = $('#myTable').DataTable().row(row).data();
        var id = data[0]; // 假设第一列是ID列

        // 发送删除请求到服务器
        $.ajax({
            url: '/Controller/Delete/' + id,
            type: 'POST',
            success: function(result) {
                // 删除成功后从DataTable中删除行
                $('#myTable').DataTable().row(row).remove().draw();
            },
            error: function() {
                alert('发生错误');
            }
        });
    });
});

最后,在你的控制器中添加一个处理删除请求的动作方法:

[HttpPost]
public ActionResult Delete(int id)
{
    // 在此处执行删除操作,根据需要从数据库或其他数据源中删除行

    return Json(new { success = true }); // 返回JSON结果,表示删除成功
}

请注意,上述代码仅为示例,你需要根据你的实际需求进行相应的修改和适应。

相关内容

热门资讯

详情透视!We poker辅助... 详情透视!We poker辅助器下载,微乐自建房辅助工具别人怎么看,妙计教程(有挂辅助)-哔哩哔哩1...
总结透视!wejoker辅助软... 总结透视!wejoker辅助软件价格,微乐自建房免费脚本哪个最好用,指引教程(有人有挂)-哔哩哔哩w...
揭露透视!wepoker破解器... 揭露透视!wepoker破解器,微乐小程序多乐辅助器,教材教程(有挂方略)-哔哩哔哩1、wepoke...
解密透视!pokemmo脚本最... 解密透视!pokemmo脚本最新版,微乐多乐跑作弊,法子教程(有挂细节)-哔哩哔哩1、用户打开应用后...
必备透视!德普之星辅助软件,微... 必备透视!德普之星辅助软件,微乐麻辣自建房辅助视频,资料教程(确实有挂)-哔哩哔哩1、德普之星辅助软...
有挂透视!wepoker辅助分... 有挂透视!wepoker辅助分析器,贵州微乐自建房辅助软件下载,办法教程(存在有挂)-哔哩哔哩1、w...
辅助透视!拱趴大菠萝挂怎么安装... 辅助透视!拱趴大菠萝挂怎么安装,微乐自建房插件如何安装,技法教程(有挂分享)-哔哩哔哩1、完成拱趴大...
开挂透视!pokernow辅助... 开挂透视!pokernow辅助工具,微信微乐辅助ios,阶段教程(有挂技巧)-哔哩哔哩1、进入到po...
了解透视!wpk透视是真的假的... 了解透视!wpk透视是真的假的,微乐自建房脚本下载,机巧教程(存在有挂)-哔哩哔哩在进入wpk透视是...
普及透视!德州透视hhpoke... 普及透视!德州透视hhpoker,微乐小程序免费黑科技在线下载,指南书教程(有挂存在)-哔哩哔哩1、...