按钮单击数据绑定不适用于淘汰赛

时间:2016-11-10 18:18:50

标签: asp.net-mvc knockout.js

我无法获取以下代码来触发按钮单击以调用 save 。我正在使用带有Knockoutjs的ASP.Net MVC。我是淘汰赛和mvc的新手。我在这里错过了什么?提前谢谢。

CSHTML

@section scripts
{        
  <script src="~/Scripts/knockout-3.4.0.js"></script>
  <script src="~/Scripts/knockout.mapping-latest.js"></script>
  <script src="~/CustomScripts/bookingviewmodel.js"></script>

  <script type="text/javascript">
       var bookingViewModel = new BookingViewModel(@Html.Raw(data));
       ko.applyBindings(bookingViewModel);
   </script>
}

<div class="content">
 <button class="btn btn-primary pull-right" data-bind="click: save"><i class="fa fa-check"></i> Save Booking</button>
</div>

bookingviewmodel.js

BookingViewModel = function (data) {
    var self = this;
    ko.mapping.fromJS(data, {}, self);

    self.save = function () {
        $.ajax({
            url: "/Booking/Save",
            type: "POST",
            data: ko.toJSON(self),
            contentType: "application/json",
            success: function (data) {
                if (data.bookingViewModel != null) {
                    ko.mapping.fromJS(data.bookingViewModel, {}, self);
                }
            }
        });
    }  
}

0 个答案:

没有答案