knockout.js - 親リストの長さに応じたノックアウト条件付きアニメーション

Question

ノックアウトでアニメーションを使用すると、パフォーマンスの問題が発生します。これが私のコードです:

<ul data-bind="template: {foreach: items, beforeRemove: slideup }">
  <li data-bind="text: text"></li>
</ul>
<script>
  var slideup = function (elem) {
     if (elem.nodeType === 1) $(elem).slideUp(100, function () {$(this).remove();});
  }
</script>

何百もの要素を持つリストで removeAll を実行すると、問題が発生します。この場合、ハードカットを実行したいと思います。slideUp 関数でリストの長さにアクセスできるかどうか、またはアニメーションを条件付きでバインドできるかどうか知っていますか?

ありがとう

Answer 1

これはうまくいくはずです：

var slideup = function (elem) {
    var context = ko.contextFor(elem);
    if (elem.nodeType === 1) {
        if (context.$parent.length < 100) {
            $(elem).slideUp(100, function () {$(this).remove();});
        }
        else {
            $(elem).remove();
        }
    }
}