杜兰达淘汰赛点击事件

Question

我需要你的帮助。 我已经尝试过，但是找不到解决方案。 当我按下图标时，clickevent并未启动，以删除其中的免费Days。 其他clickevent有效。 这是我的代码：

period.js

define(function (require) {
        var backend = require('backend');
        var ko = require('knockout');
        var app = require('durandal/app');

        return {
            active_periods:ko.observableArray([]),
            activate:function(){
                var that = this;
                backend.getActivePeriods().then(function(results){
                    that.active_periods(results);
                });
            },
            editActivePeriod:function(period){
                period.viewUrl = 'views/editActivePeriod';
                app.showDialog(period);
            },
            editFreeDays:function(){
                alert("hh");
            },
            deleteFreeDays:function(){
                alert("ha");
                return app.showMessage('Willst du wirklich diese freien Tag(e) löschen?', '', [ { text: "Ja", value: "Yes" }, { text: "Nein", value: "No" }]);
            }
        };
    });

period.html

<section>
<div class="row">
  <div class="col-md-6">
      <h3 class="center-block">aktive Perioden</h3>
      <hr>
      <button type="button" class="btn btn-success btn-lg btn-block"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> neue Periode erstellen</button>
      <br>
      <!-- ko foreach: active_periods -->
      <div class="panel panel-primary">
          <div class="panel-heading">
              <h3 class="panel-title">
                  <!--ko text: name--><!--/ko--> (<!--ko text: startDate--><!--/ko--> - <!--ko text: endDate--><!--/ko-->)<i class="fa fa-cog fa-lg pull-right" data-bind="click:$parent.editActivePeriod"></i>
              </h3>
          </div>
          <div class="panel-body">
              <ul data-bind="foreach: freeDays">
                  <li>
                    <!--ko text: name--><!--/ko-->
                    <i class="fa fa-times-circle fa-lg pull-right" data-bind="click:$parent.deleteFreeDays"></i>
                  </li>
              </ul>
          </div>
      </div>
      <!-- /ko -->
      </div>
  <div class="col-md-6">
      <h3>archivierte Perioden</h3>
      <hr>
  </div>
</div>
</section>

我怎么了

Answer 1

我不得不不同意韦恩。 您应该改用以下命令： data-bind="click: $root.deleteFreeDays" 。 通过这种方法，您对viewModel的访问在结构上将不受依赖。

这就是$root的用途。

Answer 2

由于freeDays是active_periods的子级，而Active_periods是视图模型的子级，因此您需要获取祖父母而不是父data-bind="click: $parents[1].deleteFreeDays"