1

有一个看起来像这样的列表视图：http: //jquerymobile.com/demos/1.3.0/docs/examples/swipe/swipe-list.html#demo-page

它包含两个可点击区域。

我搜索了一个在列表视图中有复选框的示例，一个很好的例子是：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>

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

于 2013-03-27T11:00:06.093 回答