在记录和更新字段中为行创建按钮

如何解决在记录和更新字段中为行创建按钮

i我有一张有订单的桌子， 我想为表中的每一行创建一个按钮，单击该按钮时，将更改该记录中的字段值（订单状态为已取消），而无需重定向到任何更新页。 我使用HtmlAction创建了一个链接，但未激活该功能（请参见屏幕截图）

这是actionLink：

   <td>
       <div class="text-center">
           <p>@Html.ActionLink("cancel","CancelOrder","Order",new { id = @order.Id })</p>
       </div>
</td>

谢谢！

解决方法

您收到405错误，因为“ CancelOrder”方法应该是get请求而不是post请求。 以下是工作演示：

索引视图：

    <table class="table">
    <thead>
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.Name)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.IsCancle)
            </th>
            <th></th>
        </tr>
    </thead>
    <tbody>
@foreach (var order in Model) {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => order.Name)
            </td>
            <td>
                @Html.DisplayFor(modelItem => order.IsCancle)
            </td>    
            <td>
                <p>@Html.ActionLink("cancel","CancelOrder","Orders",new { id = @order.Id })</p>
            </td>
        </tr>
}
    </tbody>
</table>

控制器：

public async Task<IActionResult> Index()
    {
        return View(await _context.Orders.ToListAsync());
    }
    [HttpGet]
    public IActionResult CancelOrder(int id)
    {
        var order = _context.Orders.Find(id);
        order.IsCancle = true;
        _context.Update(order);
        _context.SaveChanges();

        return RedirectToAction(nameof(Index));
    }

结果：

顺便说一句，如果您不想刷新整个页面，建议您使用Ajax。这是使用Ajax进行部分刷新的示例：

索引视图：

    <table class="table">
    <thead>
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.Name)
            </th>   
            <th></th>
        </tr>
    </thead>
    <tbody>
@foreach (var order in Model) {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => order.Name)
            </td>     
            <td>           
               <button id="Cancle">Cancle</button>
               <input type="hidden" name="Id" value="@order.Id" />     
            </td>
        </tr>
}
    </tbody>
</table>
@section Scripts
{ 
<script>
    $('#Cancle').on('click',function (e) {
    var id = $('input[name=Id ]').val();
    $.ajax({
        url: 'Orders/CancelOrder',type: 'post',data: { "id": id },dataType: 'json',success: function (data) {
            console.log(data)
        }
    })
});
</script>
}

控制器：

 public async Task<IActionResult> Index()
    {
        return View(await _context.Orders.ToListAsync());
    }
    [HttpPost]
    public IActionResult CancelOrder(int id)
    {
        var order = _context.Orders.Find(id);
        order.IsCancle = true;
        _context.Update(order);
        _context.SaveChanges();

        return Json(id);
    }

结果： Reference