Knockout.js 数据绑定：单击，在页面加载时运行答案

【问题标题】：Knockout.js data-bind: click, runs on page loadKnockout.js 数据绑定：单击，在页面加载时运行
【发布时间】：2020-01-01 11:36:39
【问题描述】：

我有一个带有foreach 绑定的表。我不想创建一个在单击时会触发功能的按钮。相反，该函数会在页面加载时自动运行。

我尝试使用带有click 绑定的按钮或空<td> 元素。结果是一样的。

CSHTML

<td>

  <button type="button" 
          class="btn btn-primary" 
          data-bind="click: QuickReplyToSpecificRequestByManager(@item.Id)"
  >Accept</button>

</td>

public QuickReplyToSpecificRequestByManager(obs) {

    var data = {
        idToPass: obs,
        Description: "Approved",
        Status: 3
    };
    if (data.idToPass == undefined) {
        console.log("Id missing");
    } else {

        console.log(obs);
        $.post("/Request/SubmitReplyRequestDetails", data)
            .done(function () {
                console.log("Success");
                window.location.reload();
            });
    }
};

我希望只有在单击按钮时才能运行函数。

【问题讨论】：

标签： asp.net-mvc typescript knockout.js

【解决方案1】：

当您applyBindings 时，knockout 会评估其所有绑定字符串。

对于click: QuickReplyToSpecificRequestByManager(@item.Id)，它将通过评估: 的右侧部分来初始化click 绑定（: 的左侧）。

由于QuickRepl... 是一个函数，并且它后面跟着( ... )，所以它被调用了。

要修复它，您可以bind 注入的值而无需调用：

click: QuickReplyToSpecificRequestByManager.bind($data, @item.Id)

【讨论】：