Question

我有产品清单，当我需要编辑内容时，我点击产品名称右侧的按钮编辑。我怎样才能点击整行。

现在我有了 <td><b>@Html.ActionLink(Products.Resources.Properties.Literals.Edit, "Edit", new { id = items[i].Template.Id })</b></td>

但我想做所有点击。

Answer 1

你只需要使用一点点javascript即可。

使用纯javascript，您可以在html的“tr”元素上添加一个事件：

<tr onclick="document.location='@Url.Action(Products.Resources.Properties.Literals.Edit, "Edit", new { id = items[i].Template.Id })'">
    <td><b>Edit</b></td>...
</tr>

这样整个行现在都可以点击了。使用jquery，你可以做更多：

<tr data-link="@Url.Action(...)">
   <td><b>Edit</b></td>
</tr>

您的jquery代码应如下所示：

$('tr[data-link]').on('click', function() {
  document.location = $(this).attr('data-link');
});

我认为第二种解决方案是最优雅，最容易实现的。

希望这可以提供帮助。

Answer 2

您需要将click处理程序附加到tr - 使整个tr链接无效标记，无论如何都无法正常工作。

有很多方法可以做到这一点，我不确定你的JS设置是什么样的，所以我建议你研究一下你的框架/库提供什么（例如，如果你正在使用它jQuery，看看像：

$('tr').on('click', function($event) {
    // ...
});

祝你好运！

需要帮助RAZOR

2 个答案: