4

我有一种情况，我动态构建了一个 div 容器，该容器中的其他 html 元素与我的淘汰视图模型绑定。它可以工作到我在我的淘汰视图模型上调用一个需要重绘整个 div 的方法。重绘淘汰赛后停止工作。

例如：

 calendar += ('<div class="month-nav-container"><div class="nav-prev" data-bind="click:          $root.showPreviousMonthOnPrevMonthBtnClick" ><<<</div><span class="month-name-calendar">' + monthNames[month] + '</span><div class="nav-next" data-bind="click: $root.showNextMonthOnNextMonthBtnClick" >>>></div></div>');

我像这样构建我的日历控件当然这只是它的一部分，但我希望你能得到一般的想法。

我的淘汰赛视图模型方法：

self.showPreviousMonthOnPrevMonthBtnClick = function () {
    alert("prev");
    var $calendar = $("#calendar");
    $calendar.empty();

    ////// previous month
    if (self.calendarDisplayDate.month == 0) {
        $calendar.calendarWidget({ month: 12, year: self.calendarDisplayDate.year - 1 });
    } else {
        $calendar.calendarWidget({ month: self.calendarDisplayDate.month - 1, year: self.calendarDisplayDate.year});            
    }

}

在我的页面加载中，我构建了我的日历 div，然后我调用 ko.applyBindings() 到我的视图模型并且它可以工作。但是当我点击调用我上个月方法的 btn 需要根据正确的月份重新绘制日历时，淘汰赛停止工作。我重绘了包含所有淘汰赛绑定的整个父 div。有谁知道我的问题的解决方案。我需要重新绘制内部有 KO 绑定的 div，所以也许我正在寻找的是某种 Knockout 的绑定刷新方法？

4

2 回答 2

20

在这里找到解决方案：

如何清除/删除 Knockout.js 中的可观察绑定？

 var element = $('#elementId')[0]; 
 ko.cleanNode(element);

接着

 ko.applyBindings(myVieModel, parentDiv)
于 2013-09-17T22:40:16.530 回答
0

确保所有需要更新的 html 元素都绑定到可观察函数，即 observablefoo 而不是 observablefoo()

于 2013-09-17T21:10:22.883 回答