Question

有一个如下所示的列表视图： http://jquerymobile.com/demos/1.3.0/docs/examples/swipe/swipe-list.html#demo-page

它包含两个可点击区域。

我一直在搜索列表视图中有复选框的示例，这个例子很好：jsfiddle.net/yakirmanor/d8KNF/

但我不想要一个占据所有领域的大“标签”。我想我的文字是一个链接。但它似乎很难，我一直在寻找一个解决方案，但最终结果是复选框需要一个自己的行。我试图制作一个<div>并拥有float="left"，但它看起来并不像我想要的那样。

在我的第一个示例链接中，我有两个区域，右边的一个可以是一个复选框。但似乎需要成为获得该区域的链接。

有什么好的解决方案吗？或者我需要让它成为一条自己的线？

所有这些都将用于收件箱视图。我左侧或右侧的复选框将选择要删除的邮件。

Answer 1

抱歉迟到了！

我现在在另一条线上有复选框。但实际上我希望它在我的信息旁边。当您选择要删除的项目时，它们通常位于设备的收件箱中。

        <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>

正如我在第一个消息中的第二个示例链接中所示。有一个解决方案。但他们将所有的消息文本都作为“标签”。我想分开它，消息将是我的例子中的链接。

jQuery mobile，带有复选框的Listview

1 个答案: