PRIMEIRO PROJETO ASP.NET MVC

PERCIFILHO 04/10/2016 10:51:45
#467855
Bom dia, pessoal.
Estou me aventurando pelo Asp.Net e [Ô]tentando[Ô] criar meu primeiro projeto, meio idiota, mas enfim, é para aprendizado, onde mostro uma lista de animais com os nomes em português e em inglês.
Então, criei a classe Animal e a classe BackWork que contém as operações de CRUD (a mesma que eu uso em Desktop).
Criei o Controller por enquanto apenas para retornar todos os registros da tabela do banco de dados:

public ActionResult Index()
{
    // função GetAll traz todos os registros da tabela, recebe parâmetros (campo_a_ordenar, crescente_ou_decrescente)
    List<Animal> _animais = new List<Animal>(new Animal().GetAll([Ô]Portugues[Ô], [Ô]Asc[Ô]));
    foreach (var item in _animais)
    {
        string _id = item.Id.ToString();
        string _portugues = item.Portugues;
        string _ingles = item.Ingles;
    }
    return View([Ô]ListAnimais[Ô], _animais.ToList());
}


E, finalmente, criei a View para mostrar os registros na tela:

@model IEnumerable<Animais.Models.Animal>

@{
    ViewBag.Title = [Ô]ListAnimais[Ô];
}

<div style=[Ô]text-align:center; font-family:Calibri; font-size:36px;[Ô]>Listagem de Animais</div>

<div style=[Ô]text-align:center;[Ô]>
    <input type=[Ô]button[Ô] name=[Ô]btnPortugues[Ô] value=[Ô]Ordenar por nome em português[Ô]
           style=[Ô]border-radius:10px; background-color: lightslategray; color: white;[Ô] />
    <input type=[Ô]button[Ô] name=[Ô]btnIngles[Ô] value=[Ô]Ordenar por nome em inglês[Ô]
           style=[Ô]border-radius:10px; background-color: lightslategray; color: white;[Ô] />
</div>
<br />

<table border=[Ô]1[Ô] align=[Ô]center[Ô]>
    <tr>
        <th style=[Ô]text-align: center; width: 400px; font-family: Calibri; font-size: 20px;[Ô]>@Html.DisplayNameFor(model => model.Portugues)</th>
        <th style=[Ô]text-align: center; width: 200px; font-family: Calibri; font-size: 20px;[Ô]>@Html.DisplayNameFor(model => model.Ingles)</th>
        <th style=[Ô]width: 20px;[Ô]></th>
        <th style=[Ô]width: 20px;[Ô]></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td style=[Ô]font-size: 20px;[Ô]>@Html.DisplayFor(modelItem => item.Portugues)</td>
            <td style=[Ô]font-size: 20px;[Ô]>@Html.DisplayFor(modelItem => item.Ingles)</td>
            <td><input type=[Ô]image[Ô] src=[Ô]/Content/Modify.png[Ô] width=[Ô]15[Ô] height=[Ô]18[Ô] title=[Ô]Editar registro[Ô] /></td>
            <td><input type=[Ô]image[Ô] src=[Ô]/Content/Delete.png[Ô] width=[Ô]15[Ô] height=[Ô]18[Ô] title=[Ô]Excluir registro[Ô] /></td>
        </tr>
    }
</table>


O resultado é esse:


Gostaria de saber agora como faço para clicar nos botões e ordenar da maneira correta?
PERCIFILHO 04/10/2016 13:18:57
#467858
Consegui, pessoal, fiz algumas modificações:
Ao invés de criar os botões assim:
<div style=[Ô]text-align:center;[Ô]>
    <input type=[Ô]button[Ô] name=[Ô]btnPortugues[Ô] value=[Ô]Ordenar por nome em português[Ô]
           style=[Ô]border-radius:10px; background-color: lightslategray; color: white;[Ô] />
    <input type=[Ô]button[Ô] name=[Ô]btnIngles[Ô] value=[Ô]Ordenar por nome em inglês[Ô]
           style=[Ô]border-radius:10px; background-color: lightslategray; color: white;[Ô] />
</div>

Eu criei os botões dentro de uma tabela assim:
<div>
    <table align=[Ô]center[Ô]>
        @* botão para ordenar em português *@
        @using (Html.BeginForm([Ô]IndexP[Ô], [Ô]Animais[Ô], FormMethod.Get))
        {
            <input type=[Ô]submit[Ô] value=[Ô]Ordenar por nome em português[Ô]
                   style=[Ô]border-radius:10px; background-color: lightslategray; color: white;[Ô] />
        }

        @* botão para ordenar em inglês *@
        @using (Html.BeginForm([Ô]IndexI[Ô], [Ô]Animais[Ô], FormMethod.Get))
        {
            <input type=[Ô]submit[Ô] value=[Ô]Ordenar por nome em inglês[Ô]
                   style=[Ô]border-radius:10px; background-color: lightslategray; color: white;[Ô] />
        }
    </table>
</div>

Coloquei os botões dentro da <table> para que eles ficassem um ao lado do outro.
Consigo clicar nos botões e obter o resultado esperado, apenas que no meu Error List aparece:
Element [ô]input[ô] cannot be nested inside element [ô]table[ô], mas funciona normalmente. Isso pode me trazer algum problema? Devo fazer de outra forma?
Tópico encerrado , respostas não são mais permitidas
Voltar