发布的 jquery mobile 列表视图答案

【问题标题】：jquery mobile list view that posts发布的 jquery mobile 列表视图
【发布时间】：2012-08-04 19:00:05
【问题描述】：

给定一个 jquery 移动项目列表。

<ul data-role=listview" data-inset="true">
  <li><a href="/dostuff?item=1">One</a></li>
  <li><a href="/dostuff?item=2">One</a></li>
  <li><a href="/dostuff?item=3">One</a></li>
</ul>

是否有执行以下操作的最佳实践方法：

将每个项目发布到服务器。我有一个只接受帖子的 MVC 方法。我宁愿不使用“获取”。我希望每个项目都发布到服务器。

一旦发布成功，每个项目都必须从列表中删除。

jquery mobile 可以开箱即用地完成大量 ajax 工作。实现这一目标的最佳方法是什么。如果有更好的方法，我不想写大量的 jquery 来做到这一点。

我可以在每个 li 项目上设置 data-role="button"，但希望样式保持不变。似乎没有等效的 data-role="submit" 虽然这可能是完美的。

谢谢

【问题讨论】：

标签： c# model-view-controller jquery-mobile

【解决方案1】：

将列表项设为

<li style="padding: 0" class="ui-btn-up-a">
    @using (Html.BeginForm("Action", "Controller", FormMethod.Post, new { data_ajax = "false", @class = listButton" }))
    {
        @Html.AntiForgeryToken()
        <input type="submit" value="Post me" />
    }
</li>

并添加 CSS

.listButton .ui-btn {
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    text-align: left;
}

.listButton .ui-btn-inner {
    padding: 0.4em 15px;
    font-size: 16px;
}

【讨论】：