1

Eu tenho uma lista (grid) e quero abrir um modal bootstrap com detalhes da linha escolhida.
Para construir a lista eu estou a usar - @foreach, e armazeno os dados numa viewbag.

A ideia é abrir a janela modal e usar os dados da viewbag.

@foreach (var _img in ViewBag.Images)
{
    <a href="#modal60" data-toggle="modal">
        <img src="~/Content/images/products/@_img.MediaFileName"  />
    </a>
    ViewBag.ImageFile = _img.MediaFileName;
    ViewBag.ImageId = _img.ProductsMediasId;
}

O problema é que ViewBag.ImageFile não fica com o valor correto da imagem selecionada.

2
  • Você já possui o modal? Poste o restante de seu código juntamente com o método para detalhes.
    – Randrade
    30/09/2015 às 12:13
  • Olá, jeralmente não fazemos dessa forma, pois não há necessidade de salvar os detalhes de todos os itens na mesma página. Uma abordagem mais interesante seria quando você clicar no item para ver os detalhes a pagina fazser uma requisição para o servidor e retornar apenas o detalher do item em questão. 30/09/2015 às 13:08

3 Respostas 3

1

você pode usar o data-transfer da biblioteca js do bootstrap. no caso estou pegando o parâmetro de um eval mas você pode pegar o parâmetro de onde quiser:

<a><i class="fa fa-times" data-toggle="modal" data-target="#modalexcluir" data-transfer1="<%#Eval("nome") %>"></i></a>

e no javascript basta usar:

    $('#modalexclui').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget)
            var nome = button.data('transfer1')
            var modal = $(this)
            modal.find('#textoexclui').text(nome )
1
  • muuuito obrigado!
    – Lucas
    22/04/2017 às 1:00
0

O viewbag serve para passar dados do controller para a view, não para ser usado na view dessa forma. Use variáveis.

No caso específico do seu código, cada iteração do laço sobrescreve ViewBag.ImageFile e ViewBag.ImageId, que ficarão com o valor do último item de ViewBag.Images.

2
  • Sim, é isso que ocorre, a ViewBag fica com o último valor apenas. Confesso que não consigo imaginar como passar para o modal a chave do item selecionado.
    – Lucas
    28/10/2015 às 18:41
  • Você precisa enviar os dados para a action que gera a modal, se ela é gerada por um controller. Se você gera ou quer gerar o HTML dela na mesma view que mostrou, use os valores no HTML. A viewbag serve para passar dados do controller para a view, setar o seu valor na view é usar errado.
    – RSinohara
    29/10/2015 às 15:02
0

O ViewBag coloca as informações dentro do HTML, servindo para transportar dados da Controller para View. No seu caso, supondo o modal assim:

<div id="modal60">
    <div class="modal-header">
       <button class="close" data-dismiss="modal">×</button>
       <h3>Header</h3>
    </div>
    <div class="modal-body">
       <input type="text" name="imagemId" id="imagemId" value=""/>
    </div>
</div>

Na view, adicione um data-id com a informação que você quer passar para o modal bootstrap:

@foreach (var _img in ViewBag.Images)
{
    <a href="#modal60" data-toggle="modal" data-id="@_img.ProductsMediasId" class="abrirModal">
        <img src="~/Content/images/products/@_img.MediaFileName"  />
    </a>
}

E trate esse ID via jQuery:

$(document).on("click", ".abrirModal", function () {
    var idImagem = $(this).data("id");
    $(".modal-body #imagemId").val(idImagem);
    //exibir modal
});
4
  • Muuuuito obrigado!
    – Lucas
    23/03/2016 às 3:41
  • Se essa resposta solucionou o problema, marque como a Solução para ajudar quem tiver o mesmo problema futuramente :) 23/03/2016 às 5:30
  • Olá, infelizmente não deu certo...
    – Lucas
    5/04/2016 às 23:51
  • Qual o erro? Você deve ter feito algo errado... :) 6/04/2016 às 6:27

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 .