1

Tenho uma tabela que é gerada na View dinamicamente. A partir do momento que o usuário vai selecionando os produtos em outra tabela, eu preciso recuperar no controller todos os ids e quantidades de produtos que estão nessa tabela. Segue abaixo a função jQuery que gera a tabela e a view:

function add_produto(nome, embalagem, finalidade, id) {
    $(".produtos-escolhidos tbody").append(
       "<tr id='"+id+""+nome+"' >" 
            +"<td id='id'>"+id+"</td>"
            + "<td id='nome'>" + nome + "</td>"
            + "<td id='embalagem'>" + embalagem + "</td>"
            + "<td id='finalidade'>" + finalidade + "</td>"
            + "<td><input type='text' id='qtd'name='qtd'/></td>" 
            + "<td><a href='#' id='"+id+""+nome+"'onclick='remove_produto(this)'>X</a></td>"  +
       "</tr>"
     );
} 

View

<div class="div-overflow span12">
    <table class="table-overflow borda lista-produtos span6 ">
        <thead class="cabecalho">
            <tr><th><input type="text" class="input-search" alt="lista-produtos" placeholder="Buscar nesta lista" /></th></tr>
            <tr>
                <th>Nome</th>
                <th>Embalagem com </th>
                <th>Finalidade</th>
                <th>Adicionar</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in ViewBag.produtos)
            {
                <tr>

                    <td>@item.NOME_PROD </td>
                    <td>@item.CONTEUDO_EMB @item.SIGLA_UNID</td>
                    <td>@item.FINALIDADE_PROD</td>
                    <td><a href="#" id="@item.ID_PROD" onclick="add_produto('@item.NOME_PROD','@item.CONTEUDO_EMB @item.SIGLA_UNID','@item.FINALIDADE_PROD','@item.ID_PROD')">></a></td>
                </tr>
            }
        </tbody>
        </table>

        <table class="produtos-escolhidos table-overflow borda table_left span6">
            <thead class="cabecalho">
                <tr>
                    <th>#</th>
                    <th>Nome</th>
                    <th>Embalagem com </th>
                    <th>Finalidade</th>
                    <th>Quantidade</th>
                    <th>Remover</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    <input type="hidden"value="1" id="contador"/>
</div>

Como que eu posso recuperar os ids e as quantidades de produtos no controller?

Desde já agradeço.

1 Resposta 1

1

No seu lugar, eu faria a table produtos-escolhidos ser um form:

    @using (Html.BeginForm()) {
        <table class="produtos-escolhidos table-overflow borda table_left span6">
            <thead class="cabecalho">
                <tr>
                    <th>#</th>
                    <th>Nome</th>
                    <th>Embalagem com </th>
                    <th>Finalidade</th>
                    <th>Quantidade</th>
                    <th>Remover</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    }

Ao invés de replicar apenas texto, eu faria add_produto gerar campos de form:

function add_produto(nome, embalagem, finalidade, id) {
    $(".produtos-escolhidos tbody").append(
       "<tr id='"+id+""+nome+"' >" 
            +"<input type='hidden' name='ProdutosEscolhidos.Index' value='"+id+"' />"
            +"<td id='id'><input type='hidden' name='ProdutosEscolhidos['"+id+"'].id' value='"+id+"'/></td>"
            + "<td id='nome'><input type='text' name='ProdutosEscolhidos['"+id+"'].nome' value='" + nome + "'/></td>"
            + "<td id='embalagem'><input type='text' name='ProdutosEscolhidos['"+id+"'].embalagem' value='" + embalagem + "'/></td>"
            + "<td id='finalidade'><input type='text' name='ProdutosEscolhidos['"+id+"'].finalidade' value='" + finalidade + "'/></td>"
            + "<td><input type='text' id='ProdutosEscolhidos['"+id+"'].qtd' name='qtd'/></td>" 
            + "<td><a href='#' id='"+id+""+nome+"'onclick='remove_produto(this)'>X</a></td>"  +
       "</tr>"
     );
}

Repare que a geração supõe um ProdutosEscolhidos[], que é usado pelo ModelBinder para identificar uma lista de produtos.

Faria também uma ViewModel para representar a seleção no Controller:

public class ProdutoEscolhidoViewModel
{
    public String Nome { get; set; }
    public String Embalagem { get; set; }
    public String Finalidade { get; set; }
    public int Qtd { get; set; }
}

Faria também o Controller receber uma lista de ViewModels:

public ActionResult AcaoDoController(List<ProdutoEscolhidoViewModel> ProdutosEscolhidos) 
{
    // Coloque aqui a lógica
}

Obviamente não é solução ideal: o ideal seria você usar o BeginCollectionItem pra isso.

1
  • 1
    Cara Muito Obrigado, Resolveu certinho valeuu! abraços
    – Douglas
    23/09/2015 às 13:23

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

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .