1

多数の会社を一覧表示するビューと、各会社の詳細ビューがあります。ある会社の詳細を見ているときに、ナビゲーション ボタンをクリックして次の会社または前の会社を表示したい。また、最初と最後の会社も持っていきたいです。したがって、私の MVC アプリケーションでは、最初、前、次、および最後の会社の ID を保存しています。ユーザーがボタンをクリックすると、たとえば次の会社の場合、次の companyId を取得してサーバーに投稿します。これを行う 1 つの方法は、jquery submit() を使用することです。ただし、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

私がやろうとしていたことに関しては、もっと単純な答えがありました。

<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 に答える
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 に答える