Pessoal tenho uma view
chamada Projetos que trás uma lista de projetos e preciso visualizar as informações/detalhe de cada projeto através de um modal Bootstrap
. Então criei um botão que chama uma função javascript
dentro da view
Projetos:
<a data-toggle="modal" class="btn btn-default btnDetalhes" data-value="@item.Codigo">Details</a>
$(document).ready(function () {
$.ajaxSetup({ cache: false });
var id = $(this).data("value");
$(".btnDetalhes").click(function () {
$("#conteudomodal").load("/Documentos/DetalhePrj/" + id, function () {
$('#myModal').modal("show");
});
});
});
E essa função chama o modal Bootstrap
:
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="conteudomodal">
</div>
</div>
</div>
</div>
e através do load("/Documentos/DetalhePrj/")
chama o controller
que retorna uma partial view DetalhePrj
:
public PartialViewResult DetalhePrj(int id)
{
string PRJCODIGO = id.ToString();
ClienteModels ClienteAtivo = (ClienteModels)Session["EmpresaAtiva"];
PCIOSDIGITALSOAPClient soap = new PCIOSDIGITALSOAPClient();
ProjetoModel projeto = new ProjetoModel();
projeto.Codigo = PRJCODIGO;
soap.Open();
List<STRUCTPROJDETALHE> lista = soap.LSTDETALHEPRJ(projeto.Codigo, ClienteAtivo.Loja);
List<DetalhePrjModel> model = new List<DetalhePrjModel>();
foreach (STRUCTPROJDETALHE item in lista)
{
DetalhePrjModel document = new DetalhePrjModel();
document.CodigoPrj = item.CODPRJ;
document.Versao = item.VERPRJ;
document.Coord = item.COORD;
document.DescrPrj = item.DESPRJ;
model.Add(document);
}
soap.Close();
return PartialView("~/Views/Documentos/_DetalhePrj.cshtml", model);
}
O problema é que ao clicar no buttom
ele abre a Modal porém não trás nenhuma informação/detalhe do projeto(modal abre em branco). É como se não estivesse conseguindo chamar o controller
mas já revisei e não sei aonde estou errando.
Alguém sabe o que pode ser?
Agora estou tentando passar dois valores através do buttom para o javascript:
<a data-toggle="modal" class="btn btn-default btnDetalhes" data-value="@item.Codigo" data-value2="@item.Versao">Details</a>
$(document).ready(function () {
$.ajaxSetup({ cache: false });
$(".btnDetalhes").click(function () {
var id = $(this).data("value");
var vers = $(this).data("value2");
$("#conteudomodal").load("DetalhePrj/" + id, + vers,
function () {
$('#myModal').modal("show");
});
});
});
Só que a variável vers está com valor null, não está puxando o valor do buttom.. Não é possível passar dois valores através de um único buttom?
ajax
e não usar oload
, mas sim receber o retorno da chamada e jogar o retorno em conteudomodal, usando osuccess
, sabe como fazer isso?data-value
está com uma quebra de linha, verifique se foi só no post da resposta.