14

Usei essa solução pois ao tentar renderizar uma Tabela numa view com muitos registros o navegador do usuário dava Crash, sei que é uma solução não muito elegante mas foi a única solução que me veio em mente. (Nessa view tenho que carregar todos os registros na tela para o usuário)

Criei um método GerarTabela onde populo com os dados do banco e retorno uma String com HTML contendo os dados. Na chamada da View eu faço uma requisição Ajax que montar a tabela pro usuário, basicamente faço a renderização no server-side.

Quais as desvantagens de usar esse modelo e qual alternativa poderia ser adotada? 1

Protótipo:

Protótipo

1 Nessa pagina não posso usar paginação, todos os registros devem ser carregados de uma só vez.

15
  • Essa tabela é apenas para visualização e ações do usuário ou é relacionada a relatórios?
    – Trxplz0
    28/08/2014 às 15:17
  • Para visualização e interação de alguns dos campos. Anexei o protótipo da tela a pergunta para melhor entendimento.
    – anon
    28/08/2014 às 15:36
  • Com a requisição sendo feita por ajax o navegador está travando?
    – Premiere
    28/08/2014 às 17:36
  • Não. Minha View era tipada e recebia uma lista(Fazia uma requisição Ajax também, só que o retorno era uma Lista), com isso eu renderizava utilizando Razor (nesse caso travava). Agora eu faço uma requisição Ajax e dou um innerHTML na tabela (o resultado da minha requisição é o HTML já com os valores populados, responsabilidade do Razor anteriormente).
    – anon
    28/08/2014 às 17:47
  • Para otimizar esse processo você pode selecionar apenas os campos que vão ser exibidos nessa tabela. Quanto a parte da view acredito que não faz diferença pois ambos são processados no server-side e com a requisição ajax você tem o beneficio de manter a página respondendo!
    – Premiere
    28/08/2014 às 18:09

3 Respostas 3

16

Eu utilizaria outra solução.

Motivo: Montar HTML é responsabilidade da View. O Controller deve processar as requisições e executar a lógica (para recuperar informações, alterar o banco de dados, etc...).

Seguindo essa idéia eu não me sentiria bem montando HTML no Controller, não sei se a implementação e manutenção disso ficaria legal, até mesmo pelo fato de não ter usado esse tipo de solução que você escolheu.

Desvantagem de usar esse modelo: Uma das premissas do Asp.net Mvc é a separação clara entre sua lógica da negócio de seu código de UI, porém, dependendo da sua implementação, você pode acabar misturando sua lógica de negócio com o HTML que você está gerando no Controller, caminhando um pouco contra essa idéia.

Normalmente quando é necessário carregar muitos registros na View utilizo um recurso de paginação para não precisar carregar todos os dados.

se eu não pudesse usar paginação, iria rever/refatorar/repensar o código. Uma alternativa seria criar um HTML Helper para montar essa tabela por exemplo, mas não montaria HTML no Controller.

4
  • No meu caso eu não posso usar paginação, pois o cliente quer que todos os dados sejam carregados na tela sem paginação.
    – Laerte
    27/08/2014 às 12:38
  • @NULL Não justifica. Você pode gerar qualquer HTML apenas usando o que está explícito na View. Para paginação: nuget.org/packages/PagedList 28/08/2014 às 18:22
  • @NULL editei a resposta. Se você não pode usar paginação, uma alternativa é criar um HTML Helper, onde ao renderizar a View você chama o HTML Helper criado para renderizar sua tabela.
    – Renan
    4/09/2014 às 16:37
  • Uma exceção à regra é montar o Response Body programaticamente com uma implementação do Composite. Bem útil para casos pequenos como verificação de existência de um nome de usuário que não justifica um Template View inteiro (ou ao menos uma interação com uma View Engine) só pra um pseudo-booleano simples. 10/09/2014 às 16:59
3

Você pode ter o mesmo efeito usando uma PartialView. Acredito que, se seu projeto é orientado a objetos, com um Model bem definido, pode ajudar bastante. As _Partials podem ser criadas na mesma pasta de suas Views e você pode adicioná-las com o botão direito sobre a pasta, Add, View e marque o checkbox Create as a partial view.

Controller

[HttpGet]
public ActionResult Detalhar()
{
    var suaLista = _suaBll.Detalhar();
    return PartialView("_Detalhamento", suaLista);
}

PartialView

@model SeuNameSpace.ModelDaSuaLista

<table>
    <tr>
        <th>@Html.LabelFor(m => @Model[0].Propriedade)</th>
    </tr>
    @foreach (var item in @Model)
    {
        <tr>
            <td>@Html.DisplayFor(m => item.Propriedade)</td>
        </tr>
    }
</table>

View

<div id="detalhamentoDiv" style="display: none; min-height: 80px;" data-request-url="@Url.Action("Detalhar", "SeuController")"></div>

Javascript

var detalhamentoDiv = $("#detalhamentoDiv");
var url = detalhamentoDiv.data('request-url');
detalhamentoDiv.load(url);
detalhamentoDiv.fadeIn(500);
0

Se essa view for apenas visualizada pelo usuário (sem impressão) não aconselho carregar muitos dados, afinal, ele terá que verificar as informações ali. Caso ele queira fazer uma busca bem mais completa, use abas, carregando partes da tabela por vês, assim fica menos bagunçado para o usuário buscar informações...

Você deve fazer log-in para responder a esta pergunta.