1

在将 JqueryUI 的加载进度条集成到从 KO 的 Observable 数组加载数据时，我需要一些帮助。我创建了一些 JsFiddles

fiddle for KnockOut : http://jsfiddle.net/neodescorpio/HksCA/

fiddle for JqueryUI Progress bar : http://jsfiddle.net/neodescorpio/NAs3V/

我需要将这两者结合起来，以便在加载敲除时显示带有百分比的进度条，并在数据加载 100% 后消失。如果使用任何其他进度条，我可以接受。我只想显示一个进展。

4

1 回答 1

2

您应该进行自定义绑定以从淘汰绑定中操作 jQuery 进度条。例如类似的东西（非常做作的例子）：

ko.bindingHandlers.progress = {
   init: function(element, valueAccessor) {
      $(element).progressbar({
         value: 0
      });
   },
   update: function(element, valueAccessor) {
      var val = ko.utils.unwrapObservable(valueAccessor());
      $(element).progressbar("value", parseFloat(val));
   }
};

现在，您可以使用进度绑定从 div 创建进度条并通过可观察值（应该返回一个数字或表示数字的字符串，范围从 1 到 100）命令它- 例如：

<div data-bind="progress: percentComplete"></div>

我更新你的小提琴来展示一个例子：http: //jsfiddle.net/HksCA/2/

于 2013-04-23T11:58:24.317 回答