0

こんにちは私は自分が書いているアプリのためにjqmobileを試しています。作り付けのスタイルと機能が大好きですが、かなり一般的な要件であると私が望むものをカバーするものを見つけることができません。私が達成しようとしているのは、次のようなものです。

[]オブジェクト1>

[]オブジェクト2>

[]オブジェクト3>

[]オブジェクト4>

（NB []はチェックボックスを表します）

オブジェクト名の横にあるチェックボックスをクリックすると、そのチェックボックスがオンになり、「マルチエディット」機能が有効になります。

オブジェクト名をクリックすると、そのオブジェクトだけを編集するための別のイベントがトリガーされます

これをカバーするために組み込まれているものはありますか、それとも自分の要素をコーディング/スタイルするだけですか？

4

1 に答える 1

0

JQuery Mobile 1.2.0 の時点では、この共通の UI リスト構造が直接サポートされているようには見えません。しかし、あなたはこれに近づくことができます：

<ul data-role="listview" data-split-icon="arrow-r" data-split-theme="d">
    <li data-role='fieldcontain'>
        <a href='javascript:void(0);'>
            <label><input type='checkbox'/>Item 1</label>
        </a>
        <a href='#'></a>
    </li>
</ul>

こちらをご覧ください： http://jsfiddle.net/x5fJW/2/

私はそれがどのように見えるかに完全に満足していません. 基本的には、リスト項目を共有するいくつかの不格好なボタンとアンカーです。しかし、機能的には、私が望むように機能します。

必要な機能については、onclick ハンドラーをチェックボックス、そのラベル、およびおそらく li に関連付ける必要があります。「マルチ編集」機能で何を想像しているのかよくわかりません。

チェックボックス、ラベル、クリック可能な矢印を含めるために、他のリスト項目の配置を試してみました。いずれの場合も、テーマ化可能な JQM 矢印を使用したいと考えました。しかし、チェックボックスのラベル内に JQM の矢印イメージを配置しても (そのため、正しくフロートさせることができます)、うまくいきませんでした。

JQM の機能強化プロセスでは、常に別のチェックボックスで矢印が覆われていました:-( したがって、このアプローチに戻る必要がありました。利点は、将来の JQM バージョンのために維持する (つまり、再ハッキングする) ハッカーがないことです。

JQM 拡張機能はオフにできますが、ページ レベルでしか機能しないようです。label 要素内の 1 つの span 要素だけに適用することはできませんでした。

ところで、通常はチェックボックスを囲むフォーム関連の要素のほとんどを削除しました。それは、チェックボックスの変更を使用して、何かを行うように通知するためです。私は彼らのデータを投稿しません。

JQuery/JavaScript ウィザードがこの問題をどのように解決したか、チェックボックス、ラベル、クリック可能な矢印を含むより洗練された外観のリスト項目を作成する方法を知りたいです。

于 2012-11-02T00:22:45.843 に答える