0

Sortablescriptaculous lib のクラスを使用する際に問題が発生しています。この属性onUpdateを使用するとコールバックが呼び出されないようです。only「only」属性を使用しない実際の例を次に示します。

<ul id="test">
  <li id="item_1" class="level0">
    item 1
    <ul>
      <li id="item_2" class="level1">item 1.1</li>
      <li id="item_3" class="level1">item 1.2</li>
    </ul>
  </li>
  <li id="item_4" class="level0">
    item 2
    <ul>
      <li id="item_5" class="level1">item 2.1</li>
      <li id="item_6" class="level1">item 2.2</li>
    </ul>
  </li>
</ul>
<script type="text/javascript">
  Sortable.create("test", {
    tree: true,
    onUpdate: function(item) { alert(item.readAttribute("id")) },
  });
</script>

このコードはうまく機能します:onUpdateは適切に呼び出されますが、次のように属性Sortable.create()を追加するように変更すると、は呼び出されなくなります。onlyonUpdate

Sortable.create("test", {
  tree: true,
  only: 'level1',
  onUpdate: function(item) { alert(item.readAttribute("id")) },
});

誰かがすでにこれを修正していますか? ありがとう

4

1 に答える 1

1

ソースコードでデバッグした後dragdrop.js、ツリーの変更を検出するために使用されるシリアライゼーション方法がルート要素に限定されていることが最終的にわかりました（ただし、only属性なしでOKである理由は調査しませんでした）。

scriptaculous 1.9.0 バージョンに基づいて、パッチを適用することで修正できましたdragdrop.js。コードにパッチを適用するいくつかの方法を見つけました。

  1. メソッドを変更するserialize: このメソッドはoptionsオブジェクトを作成しますが、テスト以外では使用しませんoptions.tree。渡されたオプションSortable.treeはarguments[1]、バグだと思います。arguments[1]最初のパッチ方法は、 byを置き換えることですoptions(936 行目と 940 行目)。

    929  serialize: function(element) {
930    element = $(element);
931    var options = Object.extend(Sortable.options(element), arguments[1] || { });
932    var name = encodeURIComponent(
933      (arguments[1] && arguments[1].name) ? arguments[1].name : element.id);
934
935    if (options.tree) {
936      return Sortable.tree(element, options).children.map( function (item) {
937        return [name + Sortable._constructIndex(item) + "[id]=" + encodeURIComponent(item.id)].concat(item.children.map(arguments.callee));
938      }).flatten().join('&');
939    } else {
940      return Sortable.sequence(element, options).map( function(item) {
941        return name + "[]=" + encodeURIComponent(item);
942      }).join('&');
943    }
944  }

  2. 2 番目の方法は、値を手動で追加することoptions.treeです。これは、次のような方法で実行できますtree(877 行目と 'NEW'):

    872  var options = Object.extend({
873    tag: sortableOptions.tag,
874    treeTag: sortableOptions.treeTag,
875    only: sortableOptions.only,
876    name: element.id,
877    format: sortableOptions.format,
NEW    tree: sortableOptions.tree
878  }, arguments[1] || { });

が設定されていないfindElementsため、元のテストは常に を返しますが、副作用についてはわかりません。options.tree ? true : falseoptions.treeTag ? true : falseoptions.treefalse

于 2013-07-23T09:11:40.040 に答える