发布的jquery移动列表视图

本文关键字：列表 视图 移动 jquery | 更新日期: 2024-09-25 11:15:33

给定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方法，它只接受帖子。我宁愿不使用"Get"。我希望每个项目都发布到服务器上。
  • 一旦帖子成功，每个项目都必须从列表中删除。

    jquerymobile做了大量开箱即用的ajax工作。实现这一目标的最佳方式是什么。如果有更好的方法，我不想写大量的jquery。

    我可以在每个li项上设置datarole="button"，但我更希望样式保持不变。似乎没有一个等效的数据角色="提交"，尽管这可能是完美的。

    感谢

    • 发布的jquery移动列表视图

    将列表项设置为

    <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;
}
    相关文章：