1

Sencha Touch アプリケーションを作成していて、リスト項目にスワイプ機能をコーディングしたいと考えています。

次のように動作する必要があります。 1. ユーザーがリスト項目を右にスワイプすると、リスト項目が続きます。2. リスト項目の「下」に、ユーザーがチェック/チェック解除できるチェックボックスが必要です。

これまでの私のリスナーは次のとおりです。

itemswipe: function (list, idx, target, record, evt) {
    alert(record.data.name);
}

これはうまくいきますが、上記の点について助けが必要です。実際のリスト項目を右にスライドしてチェックボックスを表示するにはどうすればよいですか?

ありがとう！

編集私が探しているアニメーションを見るには、クリアアプリを チェックしてください:)

4

1 に答える 1

0

単なるアイデアですが、リストとインデックスにアクセスできるので、ノードにクラスを簡単に追加し、CSS を使用してスタイルを設定できます。

list.getItemAt(idx).addCls('swiped');

次に、 app.css に次のようなものがあります。

.swiped .x-innerhtml { margin-left: 30px; }
.itemContent { z-index: 20; /* above checkbox below */ }
.theCheckbox {
  position: absolute;
  left: 0;
  /* other styles to position the checkbox "under" the list item */
  z-index: 10;
}

ただのアイデアです...それがあなたにとってうまくいくかどうか教えてください。

于 2013-02-08T17:08:21.533 に答える