在 ASP Net Core 中的表中添加可点击的行答案

【问题标题】：Add clickable row to table in ASP Net Core在 ASP Net Core 中的表中添加可点击的行
【发布时间】：2021-04-15 06:57:15
【问题描述】：

ASP.NET 核心
我有一个表格，我希望 行可点击，将用户带到详细信息页面。该行应有一个调用控制器操作的链接，称为“详细信息”，并带有报告 ID。

我已经尝试过这个答案，但它不起作用。
asp.net mvc 3 razor. navigate to view on table tr click

请帮忙。

<thead>
    <tr>
        <th class="col-sm-2">
            @Html.DisplayName("Report ID")
        </th>
        <th class="col-sm-3">
            @Html.DisplayName("Action")
        </th>
    </tr>
</thead>

@foreach (var item in Model.MyList)
{
    <tr onclick="location.href='@Url.ActionLink("Detail", "ReportController", new { Id = item.ID })'">
        <td>
            @Html.DisplayFor(modelItem => item.ID)
        </td>
        <td>
            @Html.ActionLink("Download", "Download", new { id = item.ID })
        </td>
    </tr>
}

【问题讨论】：

您能详细描述一下您的需求吗？
哪一步没做？

标签： asp.net-core

【解决方案1】：

您可以尝试如下更改您的代码。

@foreach (var item in Model.MyList)
{
    <tr>
        <td onclick="location.href = '@Url.Action("Detail", "Report", new { id = item.ID })'">
            @Html.DisplayFor(modelItem => item.ID)
        </td>
        <td>
            @Html.ActionLink("Download", "Download", new { id = item.ID })
        </td>
    </tr>
}

测试结果：

【讨论】：

遗憾的是，它仍然不起作用。这是生成的主体。 99 详细信息
但上面只会将ID单元格作为链接，而不是行。哦，好吧，小步骤......
你应该详细描述在哪一步你不能工作，是不是点击报告ID不能工作？
在你的Report控制器中，应该有一个匹配的动作，然后根据ID查询模型的信息，然后返回到详情页。
最后，我需要点击整行（）。中的 onclick 也不起作用。 ID 不可点击。