Tenho uma modal
que renderiza uma partialView
e quero passar dessa modal para tela view
principal uma lista dinâmica de objetos listados que são selecionados pelo usuário
$(".corpoPedido", parent.document).text($(".lista.active").each(function () { /*html*/}))
quero inserir o resultado em uma div
na view
principal com a classe "corpoPedido" todas as tr
que têm tanto a classe "lista" quanto " active"
mas estou errando na sintaxe.
Alguém pode me ajudar?
EDITADO:
na modal:
@if (Model != null)
{
foreach (var item in Model)
{
<tr class="lista" data-codigo="@item.CODIGO" data-img="@item.img" data-desc="@item.Descricao"
data-un="@item.UN" data-grupo="@item.Grupo" data-preco="@item.preco" data-qnt="@item.Quantidade">
<td class="col-sm-1">
@Html.DisplayFor(modelItem => item.CODIGO)
</td>
<td class="col-sm-1">
@Html.DisplayFor(modelItem => item.img)
</td>
<td class="col-sm-3">
@Html.DisplayFor(modelItem => item.Descricao)
</td>
<td class="col-sm-1">
@Html.DisplayFor(modelItem => item.UN)
</td>
<td class="col-sm-2">
@Html.DisplayFor(modelItem => item.Grupo)
</td>
<td class="col-sm-2">
@Html.DisplayFor(modelItem => item.preco)
</td>
<td class="col-sm-2">
@Html.DisplayFor(modelItem => item.Quantidade)
</td>
</tr>
}
}
no js dessa mesma pagina:
$(".corpoPedido", parent.document).text($(".lista.active").each(function () {
'<div class="row" data-img="'+$(this).attr('data-img')+'"> '+
'<div class="col-sm-1">' +
'<p>'+$(this).attr('data-codigo')+'</p>' +
'</div>' +
'<div class="col-sm-4">' +
'<p>'+$(this).attr('data-desc')+'</p>' +
'</div>' +
'<div class="col-sm-1">' +
'<p>'+$(this).attr('data-un')+'</p>' +
'</div>' +
'<div class="col-sm-1">' +
'<p>'+$(this).attr('data-grupo')+'</p>' +
'</div>' +
'<div class="col-sm-1">' +
'<p>'+$(this).attr('data-preco')+'</p>' +
'</div>' +
'<div class="col-sm-1">' +
'<p>' + $(this).attr('data-qnt') + '</p>' +
'</div>' +
'<div class="col-sm-1">' +
'<p class="total"> </p>' +
'</div>' +
'<div class="col-sm-1">' +
'<input type="submit" value="X" class="btn btn-danger cancelItem" />' +
'</div>'
}))
na main view
<div class="table well"style="margin-top:15px">
<div class="row linha">
<div class="col-sm-1">
<b>Código</b>
</div>
<div class="col-sm-4">
<b>Descrição</b>
</div>
<div class="col-sm-1">
<b>Und.</b>
</div>
<div class="col-sm-1">
<b>Grupo</b>
</div>
<div class="col-sm-1">
<b>Quantidade</b>
</div>
<div class="col-sm-1">
<b>Preço</b>
</div>
<div class="col-sm-1">
<b>Total</b>
</div>
<div class="col-sm-1">
</div>
</div>
<div class="row corpoPedido"></div>
</div>