¿Cómo pasar valores de base de datos en jquery?

Tengo varias cajas (más de 100) que se crearán dinámicamente con

Ahora, cada vez que haga clic en el cuadro, debo deslizarme en un cuadro emergente sin actualizar la página. Descargué jquery UI (http://jqueryui.com/demos/dialog/#option-position) y lo usé en mi proyecto. Ahora quiero para pasar la identificación de la empresa en cada clic del cuadro para obtener los detalles de la base de datos. Si hago clic en la ventana 5, la identificación de la empresa 5 debe pasar para obtener todos los demás detalles de la empresa dentro del cuadro de diálogo.

código jquery:

<script type="text/javascript">
     // increase the default animation speed to exaggerate the effect
     $.fx.speeds._default = 1000;
     $(function () {

         $("#dialog").dialog({
             autoOpen: false,
             show: "slide",
             hide: "explode"
         });

         $("div[id *= 'window']").live('click', function (e) {

             $("#dialog").dialog("open");

             return false;
         });
     });
    </script>

codigo asp.net

<div id="dialog" title="Basic dialog">
     <div><%#Eval("comp_name")%> </div>
      <div><%#Eval("comp_city")%> </div>
 </div>

preguntado el 22 de mayo de 12 a las 07:05

1 Respuestas

        $.fx.speeds._default = 1000;
        $(document).ready(function () {
            $("div[id*='window']").live('click', function (e) {
                $.ajax({
                    url: 'YourUrl', type: 'Get', dataType: 'json',
                    data: { id: $(this).attr('id').replace(/window/g, '') },
                    success: function (data) {
                        $('<div></div>').appendTo('body').html('<div>' + data.comp_name + '</div><div>' + data.comp_city + '</div>').dialog({
                            modal: true, title: 'Test message', zIndex: 10000, autoOpen: true,
                            width: 460, height: 300, modal: true, resizable: false, closeOnEscape: false,
                            show: "slide", hide: "explode",
                            buttons: {
                                Ok: function () {
                                    $(this).dialog("close");
                                }
                            },
                            close: function (event, ui) {
                                $(this).remove();
                            }
                        });
                    }
                });
            });
        });

¿Usas asp.net mvc 3?

$("div[id*='window']").live('click', function (e) {
            alert('Id : ' + $(this).attr('id') + '   ' + 'Replaced Id ' + $(this).attr('id').replace(/window/g, ''));
        });

<div id="window1">
    Click Me1 !
</div>
<br />
<div id="window2">
    Click Me2 !
</div>
<br />
<div id="Div1">
    Click Me !. I am not window id.
</div>
<br />
<div id="window3">
    Click Me3 !
</div>

Para una demostración en vivo, vea este enlace: http://jsfiddle.net/nanoquantumtech/865Su/

para el método de reemplazo, consulte este enlace: http://www.w3schools.com/jsref/jsref_replace.asp

contestado el 25 de mayo de 12 a las 06:05

No, no estoy usando MVC, gracias por su respuesta, ¡lo intentaré con esto! - jeni

k.. necesita usar jquery ajax, luego solo sin actualizar la página obtendrá la base de datos del formulario de datos y puede mostrar en el cuadro de diálogo jqueryui.. - Tulasiram

Hola, ¿puedes explicar cómo obtuviste la identificación en los datos? Estoy tratando de usar este código y tengo algunas dificultades para mostrar la ventana emergente. ¿Puedes publicar algún código para obtener la identificación y también explicar este reemplazo (/ ventana / g, '') ¡Gracias! ¿Cómo puedo obtener la identificación en cada clic mientras tengo cuadros dinámicos? - jeni

Muchas gracias, creo que de esta manera seguramente puedo terminar esta anhelada tarea sin consultar la página, pero quiero mostrarles un código detrás del código, ¿parece que mis datos no se toman correctamente? ¿Cómo puedo mostrar el código? siguiente que?gracias - jeni

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.