none
Dialogo de Confirmacion con Jquery UI

    Question

  • Hola nuevamente, tengo un par de consultas con respecto a Jquery. Buscando como desplegar mensajes en asp me tope con este post

    <head runat="server">
        <title>Mostrar Mensajes</title>
         <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.js" type="text/javascript"></script>
         <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js" type="text/javascript"></script>
         <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css" type="text/css" media="all" />
    </head>
    protected void btnMensajeJQuery_Click(object sender, EventArgs e)
            {
                //En esta ocasión agregaremos un literal que a su vez agregaremos un div que nos servira de Dialog
                //O si prefieren pueden crear el div directamente en el HTML
                Literal li = new Literal();
                StringBuilder sbMensaje = new StringBuilder();
                //Creamos el Div
                sbMensaje.Append("<div id='dialog' title='Mensaje Prueba'>");
                //Le indicamos el mensaje a mostrar
                sbMensaje.Append(txtMensaje.Text);
                //cerramos el div
                sbMensaje.Append("</div>");
                //Aperturamos la escritura de Javascript
                sbMensaje.Append("<script type='text/javascript'>");
                sbMensaje.Append("$(document).ready(function () {");
                //Destrimos cualquier rastro de dialogo abierto
                sbMensaje.Append("$('#dialog').dialog('destroy');");
                //le indicamos que muestre el dialogo en modo Modal
                sbMensaje.Append(" $('#dialog').dialog({ modal: true });");
                //Si quieres que muestre un boton para cerrar el mensaje seria esta linea que dejare en comentario
                //sbMensaje.Append(" $('#dialog').dialog({ modal: true, buttons: { 'Ok': function() { $(this).dialog('close'); } } });");
                sbMensaje.Append("});");
                sbMensaje.Append("</script>");
                //Agremamos el texto del stringbuilder al literal
                li.Text = sbMensaje.ToString();
                //Agregamos el literal a la pagina
                Page.Controls.Add(li);
            }

    Me llamo la atencion que el script esta en el codigo del boton y no el pagina aspx que es donde normalmente se ven los ejemplos en internet. Lo q busco es que el presionar el boton que tenga la opcion de agregar un dato aparesca una ventana de confirmacion que contenga "si" o "no" utilizando jquery ui ya que me agrado la forma visual que tiene la ventana. 

    Alguna idea o link que me pueda ser de utilidad?.

    Friday, November 30, 2012 5:10 PM

Answers