martes, 19 de julio de 2016

Diálogo modal con Bootstrap, Javascript y jQuery

En el archivo *.js:

function Notas_Evaluciones_jQuery(NumNota) {
    var Contenedor = '#ContentPlaceHolder1_';

    $('.css' + NumNota).on('click', function (e) {
        $('#dlgEval').modal({
            keyboard: true,          //Puede cerrar el diálogo con ESC
            backdrop: 'static'      //Se cierra el diálogo sólo con los botones o ESC
        });

        $('#dlgEval').modal('show');


        return false;
    });

    return false;
}

En el archivo *.aspx:

<div class="modal fade" id="dlgEval" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
<div class="modal-content">
 <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Ficha de evaluación del participante</h4>
 </div>
 <div runat="server" id="divDlgEval" class="modal-body">          
 </div>
 <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar</button>
 </div>
</div>
  </div>
</div>