RAZOR需要帮助

我有产品列表，当我需要编辑某些东西时，我点击产品名称右侧的按钮编辑。我如何做点击整行。RAZOR需要帮助

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

但我想要做的所有点击。

来源

2017-02-14 Maksims

你有一个事件处理程序附加JavaScript中的''你仍然可以插值C＃成JavaScript来提供链接 –

你必须使用一点点的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'); 
});

我认为第二个方案是最优雅，最需要的时候最容易实现的。

希望这可以帮助。

来源

2017-02-14 09:01:43

这是不正确的ActionLink。产生一个锚点元素，所以你的document.location将会转到''字符串。[see]（https： //github.com/aspnet/Mvc/blob/dev/src/Microsoft.AspNetCore.Mvc.ViewFeatures/Rendering/HtmlHelperLinkExtensions.cs） –

您需要携带'IUrlHelper'并使用'Action'扩展方法来生成绝对路径 –

道歉，你是对的。我已经更正了我的答案！谢谢@CallumLinington –

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

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

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

好运

来源

2017-02-14 09:02:17 funbrigade

这并不回答所有问题 - 比如，你如何获得链接到JavaScript ... –

RAZOR需要帮助

回答

相关问题