Javascript knockoutjs数据保存UI问题

在我的web应用程序中，当我更新一些数据时，我需要在网页中显示一些正在加载的旋转gif。 这是我的密码

这是我的html代码

<img src="../../../../Content/images/submit-gif.gif" class="hidegif" data-bind="visible: isWaiting"/>
<button data-bind="click: createNew">Save</button>

我有一个叫isWaiting的酒店。在调用服务器之前，我将其设置为true。在完成法和连续法中，我将其设置回false。 因此，基于这一点，我的纺车应该出现和消失

但这是行不通的

---

提前感谢

此

将在

createNew

和

回调

函数中具有另一个上下文。您应该使用

self

而不是

this

来访问视图模型的属性：

self.createNew = function () {
    self.isWaiting(true);
    $.getJSON("/Admin/Material/GetFolders", function (allData) {
        self.isWaiting(true);
        var mappedFolders = $.map(allData, function (item) { return new Folder(item); });
        self.folders(mappedFolders);
        self.isWaiting(false);
    }).success(function () { 
        self.isWaiting(false); 
    }).error(function () {})
    .complete(function () {   
        self.isWaiting(false); 
    }); 
};

self.createNew = function () {
    self.isWaiting(true);
    $.getJSON("/Admin/Material/GetFolders", function (allData) {
        self.isWaiting(true);
        var mappedFolders = $.map(allData, function (item) { return new Folder(item); });
        self.folders(mappedFolders);
        self.isWaiting(false);
    }).success(function () { 
        self.isWaiting(false); 
    }).error(function () {})
    .complete(function () {   
        self.isWaiting(false); 
    }); 
};