ASP.NET Core中jQuery Kendo Grid CRUD操作异常求助

前端配置必查项 #

• 数据源destroy配置要精准
  Kendo Grid的删除操作依赖transport.destroy配置，必须明确指定接口地址、请求类型，还要确保主键字段正确绑定：

  dataSource: {
    transport: {
      destroy: {
        url: "/YourController/Delete",
        type: "DELETE",
        contentType: "application/json; charset=utf-8"
      },
      // 可选：参数传递异常时，用parameterMap统一处理
      parameterMap: function(data, operation) {
        if (operation === "destroy") {
          return { id: data.id }; // 把主键映射成后端需要的参数名
        }
        return kendo.data.transports.odata.parameterMap(data, operation);
      }
    },
    schema: {
      model: {
        id: "Id", // 必须和实体主键字段名完全一致，Kendo靠它识别要删除的记录
        fields: {
          // 你的字段定义
        }
      }
    }
  }
  

• 删除按钮要绑定destroy操作
  列配置里的删除命令必须指向destroy，避免自定义按钮却未关联操作：

  columns: [
    { command: ["destroy"], title: "操作", width: "120px" },
    // 其他列
  ]
  

后端控制器正确写法（两种常用方式） #

方式1：从路由获取主键 #

这是最常用的方式，接口地址带主键参数，控制器用[HttpDelete("{id}")]绑定：

[HttpDelete("{id}")]
public IActionResult Delete(int id)
{
    // 编写根据id删除数据的逻辑
    if (删除成功)
    {
        return Ok();
    }
    return NotFound("未找到要删除的记录");
}

此时前端destroy.url直接写"/YourController/Delete"即可，Kendo会自动把主键拼到URL末尾。

方式2：从请求体接收参数 #

如果需要传递更多参数，或习惯用请求体，先配置允许Delete请求带请求体（.NET 6+）：

// Program.cs中添加
builder.Services.AddControllersWithViews()
    .ConfigureApiBehaviorOptions(options =>
    {
        options.SuppressInferBindingSourcesForParameters = true;
    });

然后控制器方法用[FromBody]接收：

[HttpDelete]
public IActionResult Delete([FromBody] int id)
{
    // 删除逻辑
    return Ok();
}

排查常见坑 #

• 未设置主键：如果schema.model.id未配置，Kendo只会删除UI上的行，不会发送请求到后端，这是最常见的问题。
• 请求方法不匹配：后端未加[HttpDelete]特性，或前端type写了POST，会导致405错误。
• 参数名不匹配：前端传递的参数名与后端参数名不一致，会导致参数为null，务必确保名称完全一致。
• 浏览器请求拦截：打开F12的Network面板，查看是否有Delete请求发送，状态码对应问题：404为地址错误，401为权限问题，405为请求方法不允许。

内容的提问来源于stack exchange，提问作者Manuel Borrero