PagedList丢失其值,因为它一直在调用httpGet方法

问题描述 投票:0回答:1

我有以下代码,显示我正在使用PagedList以分页顺序显示搜索结果。它的问题在于,在搜索的第一个结果中它显示与搜索结果相关的页面数,但是一旦我单击下一个页面,它就会继续调用HttpGet中的页面列表方法,而不是继续浏览来自HttpPost方法的结果。我该如何解决

Controller:

public ActionResult SearchResult(int? page)
    {
        var result = from app in db.AllJobModel select app;
        return View(result.ToList().ToPagedList(page ?? 1,5));
    }
    [HttpPost]
    public ActionResult SearchResult(string searchTitle, string searchLocation, int? page)
    {
           setUpApi(searchTitle, searchLocation);   
         //setUpApi(searchTitle);
         var result = db.AllJobModel.Where(a => a.JobTitle.Contains(searchTitle) && a.locationName.Contains(searchLocation));
        return View(result.ToList().ToPagedList(page ?? 1, 5));
    }

查看:

@using (Html.BeginForm("SearchResult", "Home", FormMethod.Post))
{
    <div class="job-listing-section content-area">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-12">
                    <div class="sidebar-right">
                        <!-- Advanced search start -->
                        <div class="widget-4 advanced-search">
                            <form method="GET" class="informeson">
                                <div class="form-group">
                                    <label>Keywords</label>
                                    <input type="text" name="searchTitle" class="form-control selectpicker search-fields" placeholder="Search Keywords">
                                </div>
                                <div class="form-group">
                                    <label>Location</label>
                                    <input type="text" name="searchLocation" class="form-control selectpicker search-fields" placeholder="Location">
                                </div>

                                <br>
                                <a class="show-more-options" data-toggle="collapse" data-target="#options-content5">
                                    <i class="fa fa-plus-circle"></i> Date Posted
                                </a>
                                <div id="options-content5" class="collapse">
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox15" type="checkbox">
                                        <label for="checkbox15">
                                            Last Hour
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox16" type="checkbox">
                                        <label for="checkbox16">
                                            Last 24 Hours
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox17" type="checkbox">
                                        <label for="checkbox17">
                                            Last 7 Days
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox18" type="checkbox">
                                        <label for="checkbox18">
                                            Last 30 Days
                                        </label>
                                    </div>
                                    <br>
                                </div>



                                <a class="show-more-options" data-toggle="collapse" data-target="#options-content">
                                    <i class="fa fa-plus-circle"></i> Offerd Salary
                                </a>
                                <div id="options-content" class="collapse">
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox2" type="checkbox">
                                        <label for="checkbox2">
                                            10k - 20k
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox3" type="checkbox">
                                        <label for="checkbox3">
                                            20k - 30k
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox4" type="checkbox">
                                        <label for="checkbox4">
                                            30k - 40k
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox1" type="checkbox">
                                        <label for="checkbox1">
                                            40k - 50k
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox7" type="checkbox">
                                        <label for="checkbox7">
                                            50k - 60k
                                        </label>
                                    </div>
                                    <br>
                                </div>
                                <input type="submit" value="Update" class="btn btn-success" />
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-xl-8 col-lg-8 col-md-12">
                    <!-- Option bar start -->
                    <div class="option-bar d-none d-xl-block d-lg-block d-md-block d-sm-block">
                        <div class="row">
                            <div class="col-lg-6 col-md-7 col-sm-7">
                                <div class="sorting-options2">
                                    <span class="sort">Sort by:</span>
                                    <select class="selectpicker search-fields" name="default-order">
                                        <option>Relevance</option>
                                        <option>Newest</option>
                                        <option>Oldest</option>
                                        <option>Random</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-5 col-sm-5">
                                <div class="sorting-options">
                                    <a href="#" class="change-view-btn active-view-btn"><i class="fa fa-th-list"></i></a>
                                    <a href="#" class="change-view-btn"><i class="fa fa-th-large"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    @foreach (var item in Model)
                    {

                        <div class="job-box">
                            <div class="company-logo">
                                <img src="~/JobImageUploads/@Html.DisplayFor(modelItem => item.UniqueJobImageName)" alt="logo">
                            </div>
                            <div class="description">
                                <div class="float-left">
                                    <h5 class="title"><a href="@Url.Action("Details", "Home", new { id = item.Id })">@item.JobTitle</a></h5>
                                    <div class="candidate-listing-footer">
                                        <ul>
                                            <li><i class="flaticon-work"></i>@Html.DisplayFor(modelIem => item.maximumSalary)</li>
                                            <li><i class="flaticon-time"></i>@Html.DisplayFor(modelIem => item.maximumSalary)</li>
                                            <li><i class="flaticon-pin"></i>@Html.DisplayFor(modelIem => item.locationName)</li>
                                        </ul>
                                        <h6>Deadline: Jan 31, 2019</h6>
                                    </div>
                                    <div>
                                        @item.JobDescription
                                    </div>
                                </div>
                                <div class="div-right">
                                    @Html.ActionLink("Details", "Details", new { id = item.Id }, new { @class = "apply-button" })
                                    <a href="#" class="apply-button">Details</a>
                                    <a href="#"><i class="flaticon-heart favourite"></i></a>
                                </div>
                            </div>
                        </div>


                    }


                </div>
            </div>
        </div>
    </div>
    <div class="pagining">
        @Html.PagedListPager(Model, page => Url.Action("SearchResult", new
    { page }))
    </div>
}
asp.net asp.net-mvc pagedlist
1个回答
0
投票

保存浏览结果的一种解决方案是将searchTitle和searchLocation也传递给SearchResult GET方法,并将它们保留在ViewBag中以在页面上持久保存搜索结果。

这是因为PagedList帮助器使用一个Url.Action来调用SearchResults GET请求。

编辑:经过进一步测试,我将完全放弃post方法,并更改您的表单以对所有内容使用GET方法。我已经更新了代码以反映此方法。

public ActionResult SearchResult(int? page, string searchTitle = null, string searchLocation  = null)
    {


        ViewBag.searchTitle = searchTitle;
        ViewBag.searchLocation = searchLocation;
        ViewBag.page = page;
var result = new List<Job>(); //replace with AllJobModel class
        if(!string.IsNullOrEmpty(ViewBag.searchTitle) || !string.IsNullOrEmpty(ViewBag.searchTitle)) 
       {
         setUpApi(searchTitle, searchLocation);   
         //setUpApi(searchTitle);
         result = db.AllJobModel.Where(a => a.JobTitle.Contains(searchTitle) && a.locationName.Contains(searchLocation));
       }
        else
        {
           result = from app in db.AllJobModel select app;
        }  
        return View(result.ToList().ToPagedList(page ?? 1, 5));
    }


,然后在您的视图中,在searchTitle和searchLocation文本框中设置值(如果有)。还将它们添加到pagedList帮助器中,以便这些值在分页时保持不变。编辑:另外,还需要添加一个隐藏字段以在搜索时保留页面值。

@using (Html.BeginForm("SearchResult", "Home", FormMethod.Get))
{
    <input type="hidden" name="page" value="@ViewBag.page">
    <div class="job-listing-section content-area">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-12">
                    <div class="sidebar-right">
                        <!-- Advanced search start -->
                        <div class="widget-4 advanced-search">
                            <form method="GET" class="informeson">
                                <div class="form-group">
                                    <label>Keywords</label>
                                    <input type="text" name="searchTitle" class="form-control selectpicker search-fields" placeholder="Search Keywords" value="@ViewBag.searchTitle">
                                </div>
                                <div class="form-group">
                                    <label>Location</label>
                                    <input type="text" name="searchLocation" class="form-control selectpicker search-fields" placeholder="Location" value="@ViewBag.searchLocation">
                                </div>

                                <br>
                                <a class="show-more-options" data-toggle="collapse" data-target="#options-content5">
                                    <i class="fa fa-plus-circle"></i> Date Posted
                                </a>
                                <div id="options-content5" class="collapse">
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox15" type="checkbox">
                                        <label for="checkbox15">
                                            Last Hour
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox16" type="checkbox">
                                        <label for="checkbox16">
                                            Last 24 Hours
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox17" type="checkbox">
                                        <label for="checkbox17">
                                            Last 7 Days
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox18" type="checkbox">
                                        <label for="checkbox18">
                                            Last 30 Days
                                        </label>
                                    </div>
                                    <br>
                                </div>



                                <a class="show-more-options" data-toggle="collapse" data-target="#options-content">
                                    <i class="fa fa-plus-circle"></i> Offerd Salary
                                </a>
                                <div id="options-content" class="collapse">
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox2" type="checkbox">
                                        <label for="checkbox2">
                                            10k - 20k
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox3" type="checkbox">
                                        <label for="checkbox3">
                                            20k - 30k
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox4" type="checkbox">
                                        <label for="checkbox4">
                                            30k - 40k
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox1" type="checkbox">
                                        <label for="checkbox1">
                                            40k - 50k
                                        </label>
                                    </div>
                                    <div class="checkbox checkbox-theme checkbox-circle">
                                        <input id="checkbox7" type="checkbox">
                                        <label for="checkbox7">
                                            50k - 60k
                                        </label>
                                    </div>
                                    <br>
                                </div>
                                <input type="submit" value="Update" class="btn btn-success" />
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-xl-8 col-lg-8 col-md-12">
                    <!-- Option bar start -->
                    <div class="option-bar d-none d-xl-block d-lg-block d-md-block d-sm-block">
                        <div class="row">
                            <div class="col-lg-6 col-md-7 col-sm-7">
                                <div class="sorting-options2">
                                    <span class="sort">Sort by:</span>
                                    <select class="selectpicker search-fields" name="default-order">
                                        <option>Relevance</option>
                                        <option>Newest</option>
                                        <option>Oldest</option>
                                        <option>Random</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-5 col-sm-5">
                                <div class="sorting-options">
                                    <a href="#" class="change-view-btn active-view-btn"><i class="fa fa-th-list"></i></a>
                                    <a href="#" class="change-view-btn"><i class="fa fa-th-large"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    @foreach (var item in Model)
                    {

                        <div class="job-box">
                            <div class="company-logo">
                                <img src="~/JobImageUploads/@Html.DisplayFor(modelItem => item.UniqueJobImageName)" alt="logo">
                            </div>
                            <div class="description">
                                <div class="float-left">
                                    <h5 class="title"><a href="@Url.Action("Details", "Home", new { id = item.Id })">@item.JobTitle</a></h5>
                                    <div class="candidate-listing-footer">
                                        <ul>
                                            <li><i class="flaticon-work"></i>@Html.DisplayFor(modelIem => item.maximumSalary)</li>
                                            <li><i class="flaticon-time"></i>@Html.DisplayFor(modelIem => item.maximumSalary)</li>
                                            <li><i class="flaticon-pin"></i>@Html.DisplayFor(modelIem => item.locationName)</li>
                                        </ul>
                                        <h6>Deadline: Jan 31, 2019</h6>
                                    </div>
                                    <div>
                                        @item.JobDescription
                                    </div>
                                </div>
                                <div class="div-right">
                                    @Html.ActionLink("Details", "Details", new { id = item.Id }, new { @class = "apply-button" })
                                    <a href="#" class="apply-button">Details</a>
                                    <a href="#"><i class="flaticon-heart favourite"></i></a>
                                </div>
                            </div>
                        </div>


                    }


                </div>
            </div>
        </div>
    </div>
    <div class="pagining">
        @Html.PagedListPager(Model, page => Url.Action("SearchResult", new
    { page, searchTitle = ViewBag.searchTitle, searchLocation = ViewBag.SearchLocation }))
    </div>
}

我知道这是对原始设计的微小更改,因此,如果您想进一步讨论,请告诉我。

希望对您有帮助!

© www.soinside.com 2019 - 2024. All rights reserved.