更改链接href并在单击其子项（跨度）时使用Javascript触发它答案

【问题标题】：Changing link href and triggering it with Javascript when its child (span) is clicked更改链接href并在单击其子项（跨度）时使用Javascript触发它
【发布时间】：2016-04-15 06:18:47
【问题描述】：

我正在使用 Pjax 我的 mvc 应用程序，如下所示

$(document).pjax('a', '#pjaxContainer');

我有一个剑道网格，它有一个自定义命令，可以打开行条目的详细信息页面

 command.Custom("Details").Text("<i class='fa fa-pencil'></i>").Click("ProductDetailView")); });

它看起来像这样

javascript函数：

function ProductDetailView(e)
{
    var dataItem = this.dataItem($(e.target).closest("tr"));
    var PK = dataItem.PKProduct;
    e.target.href = "/Product/Details/" + PK;
}

问题是，当我完全单击铅笔图标上的链接时，它只会将 # 添加到 url 并且没有任何反应，但是当我单击绿色空间时，它可以正常工作。我需要在点击链接时以某种方式触发 pjax 请求。

这是表格行的渲染 HTML

    <tr data-uid="c3ddb2d3-5847-4cf7-b892-e2ce49d1db38" role="row">
      <td role="gridcell">
        <a class="k-button k-button-icontext k-grid-Details Maintenance" href="#">
          <span class=" "></span>
          <i class="fa fa-pencil"></i>
        </a>
      </td>
      <td role="gridcell">2</td>
      <td role="gridcell">Brandie</td>
      <td role="gridcell">3</td><td role="gridcell">British Product</td>
      <td data-value-primitive="True" role="gridcell"></td><td role="gridcell">No</td>
    </tr>

【问题讨论】：

你能显示从你的剑道网格生成的渲染 html 吗？
@teovankot 我编辑了问题

标签： javascript jquery asp.net-mvc kendo-grid pjax

【解决方案1】：

我没有找到确切的解决方案，但我找到了另一种方法。我没有使用自定义命令，而是使用了如下的列模板：

        Columns.Template(x => { }).ClientTemplate(
            "<a  class='k-button' href='" +
                Url.Action("Details", "Product") +
                "?id=#= PKProduct #'" +
            "><i class='fa fa-pencil'></i></a>"
        ).Hidden(false).Width(100);

它就像一个魅力。

【讨论】：