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 に答える