alcatrazbr
11/1/2016 - 9:09 AM

form modal

form modal

		$(document).on('click', '.btnEdit', function(event) {
			/* chamar com modal */
			$("#myModalLabel").html('<span class="glyphicon glyphicon-plus"></span> Editar Veiculo');

			$("#ModalItemDetalhe .modal-body").load(urlEdit, {page: $("#frmConsulta #edtPage").val(), gravar:'n', idField: $(this).attr('idField'), idMotorista : $("#frmConsulta #idMotorista").val()},
			  function(){
			   	$("#ModalItemDetalhe").modal();
			   	 onReady();
			});

		});
		
		/* ======================================================================== */
		/* #ModalItemDetalhe - after show														*/
		/* ======================================================================== */
		$(document).off('shown.bs.modal','#ModalItemDetalhe').on('shown.bs.modal','#ModalItemDetalhe', function(e){
	        console.log("foi");
	        alert("teste");
		});

		
<!-- Modal Detalhe Item - load via jQuery ================================================================== -->
<div class="modal modal-wide fade zoom" id="ModalItemDetalhe" tabindex="-1" role="dialog" aria-labelledby="advancedSort" aria-hidden="true" data-backdrop="static" >
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div> <!-- modal header -->
            <div class="modal-body">
                <!-- body detalhe do item -->
            </div>
        </div>
    </div>
</div>
<!-- Fim Modal Detalhe Item -->

/* MODAL CONFIGURATION */
// when .modal-wide opened, set content-body height based on browser height; 200 is appx height of modal padding, modal title and button bar
$(".modal-wide").on("show.bs.modal", function() {
  var height = $(window).height() - 100;
  $(this).find(".modal-body").css("max-height", height);

  var width = $(window).width() - 200;
  $(this).find(".modal-dialog").css("width", width);
  $(this).find(".modal-dialog").css("min-width", "600px");
  $(this).find(".modal-dialog").css("max-width", "1200px");
});