1

我有一个视图模型，它有各种可以通过 ajax 工作的方法。我想使用这个库spin.js在调用 ko.applyBindings() 期间应用视图模型的同一元素上显示微调器。我没有看到任何允许在我的视图模型中检索 dom 元素的 Knockout.js 方法，我想知道是否有办法获得它。我确信这以某种方式跨越或跨越了 MVVM 的纯度，所以如果有其他方法可以做到这一点，请告诉我。

我可以将 dom 元素作为参数传递给我的视图模型，但是我现在想要使用的每个视图模型都必须跟踪该元素，这是多余的，因为 Knockout 已经在跟踪它。

// 启动脚本

var _paymentMethodViewModel;
$(function () {
   _paymentMethodViewModel = new ViewModels.PaymentMethodViewModel("/Customer");
   ko.applyBindings(_paymentMethodViewModel, $("#PaymentMethodsList").get(0));
   // spinner should show up over the PaymentMethodsList dom element when this is called and when the ajax call is complete it should disappear
   _paymentMethodViewModel.getAllPaymentMethods();
});

// 视图模型

self.getAllPaymentMethods = function () {
    // ******************
    // start spinner here
    // ******************
    var spinner = new Spinner(_spinnerOpts).spin(/* <need dom element here> */);

    $.ajax({
        url: self.rootUrl + "/GetAllPaymentMethods",
        type: "POST",
        data: {},
        context: self,
        success: function (result, textStatus, jqXHR) {
        },
        error: function (jqXHR, textStatus, errorThrown) {
        },
        complete: function (jqXHR, textStatus) {
            // ******************
            // stop spinner here
            // ******************
            spinner.stop();
        }
    });
}
4

1 回答 1

1

Ok, I came up with a custom binding handler solution that I'm happy with.

http://jsfiddle.net/StrandedPirate/UbFZT/

于 2012-10-09T21:09:09.010 回答