1

次のようなリストビューを取得しました: http://jquerymobile.com/demos/1.3.0/docs/examples/swipe/swipe-list.html#demo-page

クリック可能な領域が 2 つあります。

リストビューにチェックボックスがある例を探しました。良い例は次のとおりです: jsfiddle.net/yakirmanor/d8KNF/

しかし、すべての領域を占める大きな「ラベル」は必要ありません。テキストをリンクにしたい。しかし、それは難しいようです。私は解決策を混ぜ合わせてきましたが、チェックボックスが独自の行を取ることになります。を作ってみましたが、<div>思っfloat="left"たように見えません。

私の最初のリンクの例では、2 つの領域があり、右側の領域はチェックボックスです。しかし、その領域を取得するにはリンクが必要なようです。

良い解決策はありますか？それとも専用線にする必要がありますか？

これはすべて、受信トレイ ビュー用です。そして、左側または右側のチェックボックスは、削除するメッセージの選択になります。

4

1 に答える 1

0

返事遅くなってごめん！

現在、別の行にチェックボックスがあります。しかし、実際にはメッセージの横に表示したいのです。削除するアイテムを選択すると、通常はデバイスの受信トレイに表示されます。

        <div data-role="content">
        <ul data-role="listview" data-inset="false" data-icon="false" data-split-icon="delete" data-filter="true">
            <li data-role="list-divider">Details</li>
            @foreach (var message in Model.MessageList)
            {
                <li data-role="fieldcontain"><a href="/Message/Detail?messageRef=@message.MessageRef">
                    <h3>@message.FromPersonName</h3>
                    <h2>@message.MessageHeader</h2>
                    <p>
                        My information about</p>
                </a>
                    <label style="border-top-width: 0px; margin-top: 0px; border-bottom-width: 0px; margin-bottom: 0px;
                        border-left-width: 0px; border-right-width: 0px;" data-corners="false">
                        <fieldset data-role="controlgroup">
                            <input id="@("cbx" + message.MessageRef)" class="markedForDelete" name="CheckboxToDelete" type="checkbox"
                               value=@message.MessageRef />
                        </fieldset>
                    </label>
                </li>
            }
        </ul>
    </div>

そして、最初のメッセージの 2 番目の例のリンクで示したように。解決策があります。しかし、彼らはすべてのメッセージテキストを「ラベル」として持っています。私はそれを分離したいのですが、メッセージは私の例のようにリンクになります。

于 2013-03-27T11:00:06.093 に答える