Depois de alguns erros, consegui fazer a jquery funcionar. Agora eu preciso chamar o Modal de dentro da jquery no change de uma DropdownList. Abaixo minha jquery.
$(document).ready(function() {
$('#faturarParaDrop').change(function() {
var $div = $('#modalPartial'); //exibir a modal
var idcustomer = $(this).val(); //valor do id da dropdownlist
$.ajax({
url: '@Url.Action("GetDados/")' + idcustomer,
type: 'GET',
success: function(dados) {
alert(JSON.stringify(dados));
var obj = JSON.parse(JSON.stringify(dados));
alert(obj.Nome); ?
? ? ? ? ? ? ? ? ? //Como chamo aqui?
},
error: function(erro) {}
})
});
});
Na minha View, tenho a View e o Modal que devará ser exibido, veja a View abaixo com o Modal
<div class="section-page" ng-controller="EditarMarkupCtrl"></div>
<h2>Editar Fatura Para</h2>
@using (Html.BeginForm())
{
<div class="container">
<h2>Modal Example</h2>
<!-- Trigger the modal with a button -->
<div id="modal">
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Markup!!!</h4>
</div>
<div class="modal-body">
<p>O Markup para o Cliente... é zero(0).</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
@Html.HiddenFor(m => m.OrderId)
<div class="topo-detalhe-assinatura-pedidos">
<ul>
<li>
<label>Pedido:</label>
@ViewBag.Order.OrderId
</li>
<li>
<label>Forma de pagamento:</label>
@ViewBag.Order.PaymentMethodSystemName
</li>
<li>
<label>Status:</label>
@ViewBag.Order.Status
</li>
<li>
<label>Pedido criado em:</label>
@ViewBag.Order.CreatedOn.ToString("dd/MM/yyyy")
</li>
<li>
<label>Faturar para:</label>
@Html.DropDownListFor(m => m.CustomerId, new SelectList(Model.Options, "CustomerId", "Description", Model.CustomerId), new { @id = "faturarParaDrop" })
</li>
</ul>
</div>
@Html.ActionLink("Voltar", "GetOrderDetail", "SearchOrders", new { id = Model.OrderId }, new { @class = "btn btn-cinza wd-170" })
<input type="submit" class="btn btn-verde wd-270 f-right" value="Salvar" onclick="startLoading();" />
}
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
Se eu coloco um botão como esse e chamo o Modal, ok, funciona
<button type="button" class="btn btn-info btn-lg" id="myBtn" data-toggle="modal" data-target="#myModal">Open Modal</button>
A pergunta é: Como eu faço para chamar a partir da jquery? Não posso chamar pelo botão, mas sim, pelo change da DropDownList.