获取点击事件的绑定数据答案

【问题标题】：get bound data on click event获取点击事件的绑定数据
【发布时间】：2016-05-09 20:47:22
【问题描述】：

这是我的 Razor 页面，其中包含多个 div，每个 div 都包含关注或取消关注按钮以及 NeighbourhoodName 和其他内容。

 <p class="lead" style="display: none" data-bind="visible: profiles().length == 0">No neighbourhood found...</p>
 <ul data-bind="visible: profiles().length > 0, foreach: profiles">
 <li class="media" style="border-top: solid 1px lightgrey; padding-top: 15px;">    
    <div class="media-body">
        <h4 class="media-heading">
            <a class="btn pull-right" data-bind="visible: !IsFollowed, attr: { href: followAction }">Follow</a>
            <a class="btn btn-danger pull-right" data-bind="visible: IsFollowed, attr: { href: unfollowAction }">Unfollow</a>
        </h4>
        <em data-bind="text: NeighbourhoodName"></em>
        <em data-bind="text: NeighbourhoodId"></em>

    //stuck at this line
        <a href="/Neighbourhood/NeighbourhoodDetail/@Neig"> </a>
    </div>
</li>

我想通过单击任何 div 来生成一个新页面。因此，我想通过单击相应的 div 将邻居的 id 发送到操作方法。现在，我可以通过 data-bind 属性获取 NeighbourhoodId，但不知道如何通过单击 div 的任何区域将这个 id 发送到 action 方法意味着如何混合这个锚标记。类似的东西。

这是我在敲除代码中的关注操作网址，它在点击关注按钮时发送 neighbourhoodId：

 self.followAction = location.protocol + "//" + location.host + '/Neighbourhood/Follow?uid=' + data.NeighbourhoodId;

但是，我不想要任何按钮。简单点击 div 应该将 id 发送到 action 方法。如何实现这一点。请给我一些建议。

【问题讨论】：

您想要jsfiddle.net/BDhara/jp19kdgz 之类的东西吗？你可以在 onclick 功能中做任何你想做的事情。如果我错了，请纠正我
yupp 类似的东西，但我想附加 neighbourhoodId 好的好点，它可能与 on 功能有关，但我想知道如何从这里的数据绑定属性获取 neighbourhoodid @debin跨度>

标签： javascript html asp.net-mvc knockout.js asp.net-mvc-routing

【解决方案1】：

您只需在 div 上使用 click binding，并将其绑定到视图模型中的函数。

视图模型中的函数接收绑定元素中可用的剔除上下文作为参数。因此，您可以直接从该函数访问所需的数据。

<div class="media-body" data-bind="click: yourViewModelFunction">

在你的视图模型中，你的函数应该这样实现：

yourViewModelFunction = function(data) {
  // here you can use data.NeighbourhoodId
}

【讨论】：