Aggiungi collegamenti di paginazione a Visualizza utilizzando più stringhe di ricerca ASP.NET Core Visual Studio 2017: la stringa di ricerca non viene presa in considerazione
asp.net-core-1.1 asp.net-core-mvc entity-framework-core razor visual-studio-2017
Domanda
Sto sviluppando una vista indice impaginata che fa riferimento all'esempio Ordinamento, filtraggio, impaginazione e raggruppamento - EF Core con esercitazione ASP.NET Core MVC (3 di 10)
Nella mia pagina indice uso 3 stringhe di ricerca.
L'ordinamento funziona molto bene, ma senza cercare parametri. Non appena cerco di ordinare dopo aver inserito una stringa di ricerca, non funziona nulla. La stringa di ricerca dovrebbe essere presa in consegna. Non è successo.
Anche il paging dopo aver inserito una stringa di ricerca non funziona correttamente. Gli elementi ViewData denominati CurrentFilterxxx forniscono la vista con la stringa di filtro corrente. Questo valore deve essere incluso nei collegamenti di paging per mantenere le impostazioni del filtro durante il paging e deve essere ripristinato nella casella di testo quando la pagina viene nuovamente visualizzata. Nel mio caso non funziona.
Ecco il mio metodo Index della classe Controller:
public async Task<IActionResult> Index(
string sortOrder,
string searchStringComune,
string searchStringProvincia,
string searchStringRegione,
string searchString,
string currentFilter,
int? page)
{
ViewData["CurrentSort"] = sortOrder;
ViewData["ComuneSortParm"] = String.IsNullOrEmpty(sortOrder) ? "comune" : "";
ViewData["ProvinciaSortParm"] = String.IsNullOrEmpty(sortOrder) ? "provincia" : "";
ViewData["RegioneSortParm"] = String.IsNullOrEmpty(sortOrder) ? "regione" : "";
ViewData["PostalCodeSortParm"] = String.IsNullOrEmpty(sortOrder) ? "CAP" : "";
ViewData["AbitantsSortParm"] = String.IsNullOrEmpty(sortOrder) ? "abitanti" : "";
if (searchStringComune != null ||
searchStringProvincia != null ||
searchStringRegione != null ||
searchString != null)
{
page = 1;
if (searchStringComune != null)
{
searchString = searchStringComune;
}
if (searchStringProvincia != null)
{
searchString = searchStringProvincia;
}
if (searchStringRegione != null)
{
searchString = searchStringRegione;
}
}
else
{
searchString = currentFilter;
}
ViewData["CurrentFilterComune"] = searchStringComune;
ViewData["CurrentFilterProvincia"] = searchStringProvincia;
ViewData["CurrentFilterRegione"] = searchStringRegione;
ViewData["CurrentFilter"] = searchString;
var comuni = from s in _context.Listacomuniitaliani
select s;
if (!String.IsNullOrEmpty(searchStringComune) ||
!String.IsNullOrEmpty(searchStringProvincia) ||
!String.IsNullOrEmpty(searchStringRegione))
{
comuni = comuni.Where(s => s.Comune.Equals(searchStringComune) ||
s.Provincia.Equals(searchStringProvincia) ||
s.Regione.Equals(searchStringRegione));
}
switch (sortOrder)
{
case "comune":
comuni = comuni.OrderByDescending(s => s.Comune);
break;
case "provincia":
comuni = comuni.OrderBy(s => s.Provincia);
break;
case "regione":
comuni = comuni.OrderBy(s => s.Regione);
break;
case "CAP":
comuni = comuni.OrderBy(s => s.Cap);
break;
case "abitanti":
comuni = comuni.OrderBy(s => s.Abitanti);
break;
default:
comuni = comuni.OrderBy(s => s.Comune);
break;
}
int pageSize = 7;
return View(await PaginatedList<Listacomuniitaliani>.CreateAsync(comuni.AsNoTracking(), page ?? 1, pageSize));
}
E qui il mio codice indice:
@model PaginatedList<MyProjectName.Models.Listacomuniitaliani>
@{ViewData["Title"] = "Index";}
<h2>Index</h2>
<p>
<a asp-action="Create">Create New</a>
</p>
<form asp-action="Index" method="get">
<div class="form-actions no-color">
<p>
Cerca un comune: <input type="text" name="SearchStringComune" value="@ViewData["currentFilterComune"]" />
<input type="submit" value="trova" class="btn btn-default" />
</p>
</div>
</form>
<form asp-action="Index" method="get">
<div class="form-actions no-color">
<p>
Seleziona una provincia: <input type="text" name="SearchStringProvincia" value="@ViewData["currentFilterProvincia"]" />
<input type="submit" value="trova" class="btn btn-default" />
</p>
</div>
<form asp-action="Index" method="get">
<div class="form-actions no-color">
<p>
Seleziona una regione: <input type="text" name="SearchStringRegione" value="@ViewData["currentFilterRegione"]" />
<input type="submit" value="trova" class="btn btn-default" />
</p>
</div>
<form asp-action="Index" method="get">
<div class="form-actions no-color">
<p>
<a asp-action="Index">Torna indietro alla lista</a>
</p>
</div>
<table class="table">
<thead>
<tr>
<th>
Istat
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["ComuneSortParm"]"
asp-route-currentFilterComune="@ViewData["CurrentFilterComune"]">Comune</a>
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["ProvinciaSortParm"]"
asp-route-currentFilterProvincia="@ViewData["CurrentFilterProvincia"]">Provincia</a>
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["RegioneSortParm"]"
asp-route-currentFilterRegione="@ViewData["CurrentFilterRegione"]">Regione</a>
</th>
<th>
Prefisso
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["PostalCodeSortParm"]">CAP</a>
</th>
<th>
CodFisco
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["AbitantsSortParm"]">Abitanti</a>
</th>
<th>
Link
</th>
<th></th>
</tr>
</thead>
<tbody>
@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.Istat)
</td>
<td>
@Html.DisplayFor(modelItem => item.Comune)
</td>
<td>
@Html.DisplayFor(modelItem => item.Provincia)
</td>
<td>
@Html.DisplayFor(modelItem => item.Regione)
</td>
<td>
@Html.DisplayFor(modelItem => item.Prefisso)
</td>
<td>
@Html.DisplayFor(modelItem => item.Cap)
</td>
<td>
@Html.DisplayFor(modelItem => item.CodFisco)
</td>
<td>
@Html.DisplayFor(modelItem => item.Abitanti)
</td>
<td>
@Html.DisplayFor(modelItem => item.Link)
</td>
<td>
<a asp-action="Edit" asp-route-id="@item.Id">Edit</a> |
<a asp-action="Details" asp-route-id="@item.Id">Details</a> |
<a asp-action="Delete" asp-route-id="@item.Id">Delete</a>
</td>
</tr>
}
</tbody>
</table>
@{
var prevDisabled = !Model.HasPreviousPage ? "disabled" : "";
var nextDisabled = !Model.HasNextPage ? "disabled" : "";
}
<a asp-action="Index"
asp-route-sortOrder="@ViewData["CurrentSort"]"
asp-route-page="@(Model.PageIndex - 1)"
@*asp-route-currentFilter="@ViewData["CurrentFilter"]"*@
asp-route-currentFilterComune="@ViewData["CurrentFilterComune"]"
asp-route-currentFilterRegione="@ViewData["CurrentFilterRegione"]"
asp-route-currentFilterProvincia="@ViewData["CurrentFilterProvincia"]"
class="btn btn-default @prevDisabled">
Previous
</a>
<a asp-action="Index"
asp-route-sortOrder="@ViewData["CurrentSort"]"
asp-route-page="@(Model.PageIndex + 1)"
@*asp-route-currentFilter="@ViewData["CurrentFilter"]"*@
asp-route-currentFilterComune="@ViewData["CurrentFilterComune"]"
asp-route-currentFilterRegione="@ViewData["CurrentFilterRegione"]"
asp-route-currentFilterProvincia="@ViewData["CurrentFilterProvincia"]"
class="btn btn-default ifextDisabled">
Next
</a>
Il tag helper asp-route-currentFilter currentFilter non è stato utilizzato. Invece, ho usato helper di tag più specifici; per esempio asp-route-currentFilterComune .
Qualsiasi aiuto è apprezzato.
Risposta accettata
Ho funzionato. Per farlo dovevo riprogettare una parte del controller e apportare alcune modifiche al codice della vista. Gestire più di una stringa di ricerca è stato per me abbastanza impegnativo.
Ecco il mio nuovo metodo di indice del controller:
public async Task<IActionResult> Index(
string sortOrder,
string searchStringComune,
string searchStringProvincia,
string searchStringRegione,
string searchString,
string currentFilter,
int? page)
{
ViewData["CurrentSort"] = sortOrder;
ViewData["ComuneSortParm"] = String.IsNullOrEmpty(sortOrder) ? "comune" : "";
ViewData["ProvinciaSortParm"] = String.IsNullOrEmpty(sortOrder) ? "provincia" : "";
ViewData["RegioneSortParm"] = String.IsNullOrEmpty(sortOrder) ? "regione" : "";
ViewData["PostalCodeSortParm"] = String.IsNullOrEmpty(sortOrder) ? "CAP" : "";
ViewData["AbitantsSortParm"] = String.IsNullOrEmpty(sortOrder) ? "abitanti" : "";
if (searchStringComune != null ||
searchStringProvincia != null ||
searchStringRegione != null ||
searchString != null)
{
page = 1;
}
else
{
searchStringProvincia = currentFilter;
searchStringRegione = currentFilter;
foreach (ItalianRegions itemRegion in Enum.GetValues(typeof(ItalianRegions)))
{
if (searchStringRegione == itemRegion.ToString())
{
searchStringProvincia = null;
}
}
foreach (ItalianComunes itemComune in Enum.GetValues(typeof(ItalianComunes)))
{
if (searchStringProvincia == itemComune.ToString())
{
searchStringRegione = null;
}
}
}
ViewData["CurrentFilterComune"] = searchStringComune;
ViewData["CurrentFilterProvincia"] = searchStringProvincia;
ViewData["CurrentFilterRegione"] = searchStringRegione;
ViewData["CurrentFilter"] = searchString;
var comuni = from s in _context.Listacomuniitaliani
select s;
if (!String.IsNullOrEmpty(searchStringComune) ||
!String.IsNullOrEmpty(searchStringProvincia) ||
!String.IsNullOrEmpty(searchStringRegione))
{
comuni = comuni.Where(s => s.Comune.Equals(searchStringComune) ||
s.Provincia.Equals(searchStringProvincia) ||
s.Regione.Equals(searchStringRegione));
}
switch (sortOrder)
{
case "comune":
comuni = comuni.OrderByDescending(s => s.Comune);
break;
case "provincia":
comuni = comuni.OrderBy(s => s.Provincia);
break;
case "regione":
comuni = comuni.OrderBy(s => s.Regione);
break;
case "CAP":
comuni = comuni.OrderBy(s => s.Cap);
break;
case "abitanti":
comuni = comuni.OrderBy(s => s.Abitanti);
break;
default:
comuni = comuni.OrderBy(s => s.Comune);
break;
}
int pageSize = 7;
return View(await PaginatedList<Listacomuniitaliani>.CreateAsync(comuni.AsNoTracking(), page ?? 1, pageSize));
}
Ho eseguito il loop nella stringa di ricerca utilizzando 2 enum diversi per essere in grado di impostare correttamente il testo della stringa di sear nel campo di ricerca durante il paging.
Ecco il codice Index :
@model PaginatedList<MyProject.Models.Listacomuniitaliani>
@{
ViewData["Title"] = "Index";
}
<h2>Index</h2>
<p>
<a asp-action="Create">Create New</a>
</p>
<form asp-action="Index" method="get">
<div class="form-actions no-color">
<p>
Cerca un comune: <input type="text" name="searchStringComune" value="@ViewData["CurrentFilterComune"]" />
<input type="submit" value="trova" class="btn btn-default" />
</p>
</div>
</form>
<form asp-action="Index" method="get">
<div class="form-actions no-color">
<p>
Seleziona una provincia: <input type="text" name="searchStringProvincia" value="@ViewData["CurrentFilterProvincia"]" />
<input type="submit" value="trova" class="btn btn-default" />
</p>
</div>
</form>
<form asp-action="Index" method="get">
<div class="form-actions no-color">
<p>
Seleziona una regione: <input type="text" name="searchStringRegione" value="@ViewData["CurrentFilterRegione"]" />
<input type="submit" value="trova" class="btn btn-default" />
</p>
</div>
</form>
<form asp-action="Index" method="get">
<div class="form-actions no-color">
<p>
<a asp-action="Index">Torna indietro alla lista</a>
</p>
</div>
</form>
<table class="table">
<thead>
<tr>
<th>
Istat
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["ComuneSortParm"]">Comune</a>
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["ProvinciaSortParm"]"
asp-route-currentFilter="@ViewData["CurrentFilterProvincia"]">Provincia</a>
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["RegioneSortParm"]"
asp-route-currentFilter="@ViewData["CurrentFilterRegione"]">Regione</a>
</th>
<th>
Prefisso
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["PostalCodeSortParm"]">CAP</a>
</th>
<th>
CodFisco
</th>
<th>
<a asp-action="Index" asp-route-sortOrder="@ViewData["AbitantsSortParm"]">Abitanti</a>
</th>
<th>
Link
</th>
<th></th>
</tr>
</thead>
<tbody>
@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.Istat)
</td>
<td>
@Html.DisplayFor(modelItem => item.Comune)
</td>
<td>
@Html.DisplayFor(modelItem => item.Provincia)
</td>
<td>
@Html.DisplayFor(modelItem => item.Regione)
</td>
<td>
@Html.DisplayFor(modelItem => item.Prefisso)
</td>
<td>
@Html.DisplayFor(modelItem => item.Cap)
</td>
<td>
@Html.DisplayFor(modelItem => item.CodFisco)
</td>
<td>
@Html.DisplayFor(modelItem => item.Abitanti)
</td>
<td>
@Html.DisplayFor(modelItem => item.Link)
</td>
<td>
<a asp-action="Edit" asp-route-id="@item.Id">Edit</a> |
<a asp-action="Details" asp-route-id="@item.Id">Details</a> |
<a asp-action="Delete" asp-route-id="@item.Id">Delete</a>
</td>
</tr>
}
</tbody>
</table>
@{
var prevDisabled = !Model.HasPreviousPage ? "disabled" : "";
var nextDisabled = !Model.HasNextPage ? "disabled" : "";
}
<a asp-action="Index"
asp-route-sortOrder="@ViewData["CurrentSort"]"
asp-route-page="@(Model.PageIndex - 1)"
asp-route-currentFilter=@if (@ViewData["CurrentFilterRegione"] != null)
{
@ViewData["CurrentFilterRegione"]
} else
{
@ViewData["CurrentFilterProvincia"]
}
class="btn btn-default @prevDisabled">
Previous
</a>
<a asp-action="Index"
asp-route-sortOrder="@ViewData["CurrentSort"]"
asp-route-page="@(Model.PageIndex + 1)"
asp-route-currentFilter=@if (@ViewData["CurrentFilterRegione"] != null)
{
@ViewData["CurrentFilterRegione"]
} else
{
@ViewData["CurrentFilterProvincia"]
}
class="btn btn-default @nextDisabled">
Next
</a>
Ora funziona perfettamente. Opere di ordinamento Anche il cercapersone funziona mantenendo il testo della stringa di ricerca.
Autorizzato sotto: CC-BY-SA with attribution
Non affiliato con Stack Overflow