Search with Checkbox

Question

I am trying to create a search system in my application where the user can search the site publications according to gender. I can list the generos registered with checkbox, but I’m lost to do the search query from there.

I have the following tables:

Publicacao
Genero
PublicacaoGenero(IdPublicacao e IdGenero)

Edit:

public ActionResult Publicacoes(PesquisaPublicacoesViewModel viewModel = null)
        {
            if (viewModel == null)
            {
                PesquisaPublicacoesViewModel p = new PesquisaPublicacoesViewModel();
                p.TodosOsGeneros = db.Generos.ToList();
                p.PublicacoesSelecionadas = db.Publicacao.Where(x => x.Titulo.StartsWith(p.Titulo) && x.Aprovado).ToList();
                return View(p);

            }

            viewModel.TodosOsGeneros = db.Generos.ToList();


            if (string.IsNullOrEmpty(viewModel.Titulo))
            {
                viewModel.PublicacoesSelecionadas = db.Publicacao.Where(p => p.Aprovado).ToList();

            }
            else
            {
                viewModel.PublicacoesSelecionadas = db.Publicacao.Where(p => p.Titulo.StartsWith(viewModel.Titulo) && p.Aprovado).ToList();

            }

            return View(viewModel);
        }

View:

 @model AllFiction.ViewModels.PesquisaPublicacoesViewModel

@using(Html.BeginForm("Publicacoes","Publicacoes",FormMethod.Get))
{

@Html.TextBox("Titulo", null, new {id="txtTitulo" })


@Html.CheckBoxListFor(model => model.IdGenerosSelecionados,
                        model => model.TodosOsGeneros,
                        genero => genero.IdGenero,
                        genero => genero.Genero,
                        model => model.GenerosSelecionados)

}

@foreach (var p in Model.PublicacoesSelecionadas)
{
    @p.Usuario1.NomeCompleto
    @p.Titulo
}

I tried to add foreach so I could list the posts, which works. However, it ignores the options selected in the checkbox, and displays all posts (if the user does not type anything) or posts that have the characters typed in the text box.

Answer 1

For this, you will need to use the Nuget package Mvccheckboxlist:

https://www.nuget.org/packages/MvcCheckBoxList/

Before mount a ViewModel with a few things:

public class PesquisaPublicacoesViewModel
{
    // Coloque aqui todos os parâmetros que você usa pra fazer a pesquisa
    public string Titulo { get; set; }

    public IEnumerable<Publicacao> PublicacoesSelecionadas { get; set; }

    public string[] IdsDosGenerosSelecionados { get; set; }
    public IList<Genero> TodosOsGeneros;
    public IList<Genero> GenerosSelecionados;
}

Then put it on your View:

@model SeuProjeto.ViewModels.PesquisaPublicacoesViewModel

@Html.CheckBoxListFor(model => model.IdsDosGenerosSelecionados,
                        model => model.TodosOsGeneros,
                        genero => genero.GeneroId,
                        genero => genero.Nome,
                        model => model.GenerosSelecionados)

Therefore, that Controller now get like this:

public ActionResult Publicacoes(PesquisaPublicacoesViewModel viewModel = null)
{
    if (viewModel == null) {
        // Inicie o ViewModel com alguns dados padrão.
    }

    viewModel.TodosOsGeneros = db.Generos.ToList();
    // Essa linha abaixo é facultativa. Coloque apenas se quiser que os gêneros já venham preenchidos.
    viewModel.GenerosSelecionados = db.Generos.Where(...);

    List<Publicacao> pub;

    if (string.IsNullOrEmpty(pesquisa))
    {
        viewModel.PublicacoesSelecionadas = db.Publicacao.Where(p => p.Aprovado).ToList();

    }
    else
    {
        viewModel.PublicacoesSelecionadas = db.Publicacao.Where(p => p.Titulo.StartsWith(viewModel.Titulo) && p.Aprovado).ToList();

    }

    return View(viewModel);
}