1

我有一个列出许多公司的视图，以及每个公司的详细信息视图。当我查看一家公司的详细信息时，我想单击导航按钮以查看下一家或上一家公司。我也想拥有第一家和最后一家公司。因此，在我的 MVC 应用程序中，我存储了第一个、上一个、下一个和最后一个公司的 ID，当用户单击按钮时，比如说下一个公司，我想获取下一个 companyId 并将其发布到服务器。一种方法是使用 jquery submit()。但是我无法弄清楚如何在提交（）的 url 中发送 companyId。

所以我的 HTML 看起来像；

<span style="margin-left:200px;">
    <input type="submit" id="btnFirst" value="|<< First"/>
    <input type="submit" id="btnPrev" style="margin-right: 50px;" value="|< Previous"/>
    <input type="submit" id="btnNext" value="Next >|"/>
    <input type="submit" id="btnLast" value="Last >>|"/>
</span>

隐藏字段（在页面源中从 MVC 标记转换）；

        <input id="Navigator_FirstPageId" name="Navigator.FirstPageId" type="hidden" value="1" />
        <input id="Navigator_PreviousPageId" name="Navigator.PreviousPageId" type="hidden" value="7008" />
        <input id="Navigator_NextPageId" name="Navigator.NextPageId" type="hidden" value="7009" />
        <input id="Navigator_LastPageId" name="Navigator.LastPageId" type="hidden" value="7009" />
        <input id="Navigator_OnFirstPage" name="Navigator.OnFirstPage" type="hidden" value="False" />
        <input id="Navigator_OnLastPage" name="Navigator.OnLastPage" type="hidden" value="True" />

以及需要更正的jquery；

$('#btnNextt').click(function () {
          submit($('#Navigator_LastPageId').val());
}
4

2 回答 2

0

使用serialize()方法在提交时序列化表单。

<form action='/some' id="myform">
       <input id="Navigator_FirstPageId" name="Navigator.FirstPageId" type="hidden" value="1" />
        <input id="Navigator_PreviousPageId" name="Navigator.PreviousPageId" type="hidden" value="7008" />
        <input id="Navigator_NextPageId" name="Navigator.NextPageId" type="hidden" value="7009" />
        <input id="Navigator_LastPageId" name="Navigator.LastPageId" type="hidden" value="7009" />
        <input id="Navigator_OnFirstPage" name="Navigator.OnFirstPage" type="hidden" value="False" />
</form>

JS

$.post($('#myform').attr('action'), $('#theform').serialize());

相关：jquery-ajax-submit-form

于 2012-12-17T17:09:23.867 回答
0

就我想要做的事情而言，有一个更简单的答案。

<a class="imagelink" href="@Url.Action("DetailsSubcontractor", "Company", new { id = Model.Navigator.FirstPageId })">
    <input id="btnFirst" type="button" value="|<< First" />
</a>
<span style="margin-right:150px;">
<a class="imagelink" href="@Url.Action("DetailsSubcontractor", "Company", new { id = Model.Navigator.PreviousPageId })">
    <input id="btnPrev" type="button" value="|< Previous" />
</a></span>
<a class="imagelink" href="@Url.Action("DetailsSubcontractor", "Company", new { id = Model.Navigator.NextPageId })">
    <input id="btnNext" type="button" value="Next >|" />
</a>
<a class="imagelink" href="@Url.Action("DetailsSubcontractor", "Company", new { id = Model.Navigator.LastPageId })">
    <input id="btnLast" type="button" value="Last >>|" />
</a>
于 2012-12-18T10:16:16.617 回答