none
jquery dialog no funciona en master page RRS feed

  • Pregunta

  • Buenas tardes,

    Siempre he tenido problemas con jquery y master page juntos, ya que pocas veces me funciona mi código. El problema es que no quiere mostrar el dialog al hacer click en un button asp:

    $(function () {
    
     $("input[id$='btnBuscar']").click(function () {
     $('#dialog2').dialog();
    
    });
    
    });
    <div id="dialog2" runat="server">
       hola mundo
    </div>
    Espero que puedan ayudarme, gracias de antemano

    PD: No recibe error de js en consola del explorador

    • Tipo cambiado Josue P. Corzo viernes, 15 de marzo de 2013 16:56 pregunta
    viernes, 15 de marzo de 2013 16:56

Respuestas

  • estas seguro que el selector

     $('#<%=gvListado.ClientID %> .imgSelection')

    lo defines de forma correcta ?

    igual me parecio raro que el tema que comentates antes se solucion con un cambio en un updatePanel ,porque la verdad no tenia nada que ver el hecho de usar un runat=server en el div con lo que comentas

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta Josue P. Corzo viernes, 15 de marzo de 2013 23:41
    viernes, 15 de marzo de 2013 17:43

Todas las respuestas

  • hola

    pero estas agregando de forma correcta los <script> de los .js de jquery dialog ? esto es un punto importante para validar

    mas que nada por as rutas relativas que se pueden dar entre la master y la pagina

    [ASP.NET] Master Page - Referencia relativa a elemntos de la pagina

    en el articulo explico sobre el tema

    puede poner la linea

    debugger;

    en el click para validar que se invoque

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    viernes, 15 de marzo de 2013 17:06
  • Hola, Leandro, hace tiempo no paso por acá, le cambié a:

    $('#ctl00_cph01_dialog').dialog('open');

    Y si abre pero inmediatamente hace un postback por el asp button. Traté de ponerle un update panel pero sigue igual. Qué me recomiendas?

    Un saludo

    viernes, 15 de marzo de 2013 17:09
  • ahh no habia visto que le pusiste runat=server al div

    pero me pregunto porque le pones runat=server ? porque no se lo quitas

    o sino usa

    $('#<%=dialog2.ClientID%>')


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina


    viernes, 15 de marzo de 2013 17:24
  • Ya lo solucioné poniendo el atributo triggers en el UP jeje pero ahora tampoco quiere funcionar mi evento de selección:

    function registerGridEvent() {
    
                    $('#<%=gvListado.ClientID %> .imgSelection').click(function () {
    
                        var idcliente = $(this).attr('idcliente');
    
                        var tr = $(this).parent().parent();
                        var cod = $('td:eq(1)', tr).text();
                        var cliente = $('td:eq(2)', tr).text();
                        var idmateria = $('td:eq(4)', tr).text();
    
                        $("[id*='txtId']").val(idcliente);
                        $("[id*='txtCliente']").val(cliente);
                        $("[id*='ddlMateria']").val(idmateria);
    
                        $('#dialog').dialog("close");
    
    
    
                    });
    
    }

    Y en consola muestra algo así:


    viernes, 15 de marzo de 2013 17:31
  • estas seguro que el selector

     $('#<%=gvListado.ClientID %> .imgSelection')

    lo defines de forma correcta ?

    igual me parecio raro que el tema que comentates antes se solucion con un cambio en un updatePanel ,porque la verdad no tenia nada que ver el hecho de usar un runat=server en el div con lo que comentas

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    • Marcado como respuesta Josue P. Corzo viernes, 15 de marzo de 2013 23:41
    viernes, 15 de marzo de 2013 17:43
  • Así lo defino:

    <div id="dialog" runat="server" style="display: none">
                        <asp:UpdatePanel ID="upListado" runat="server">
                        <Triggers>
                            <asp:AsyncPostBackTrigger  ControlID="btnBuscar"  EventName="Click"/>
                        </Triggers>
                            <ContentTemplate>
                            <asp:GridView ID="gvListado" runat="server" BackColor="White" Width="100%" AutoGenerateColumns="false"
                            BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" 
                            EnableModelValidation="True" ForeColor="Black" GridLines="Vertical">
                            <Columns>
                                <asp:TemplateField>
                                    <ItemTemplate>
                                        <img id="imgSelection" src="../../resources/imgs/edit-grilla.png"
                                            class="imgSelection" idcliente="<%# Eval("IDCLIENTE") %>"/>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:BoundField DataField="CodCliente" HeaderText="Código" />
                                <asp:BoundField DataField="Cliente" HeaderText="Cliente" />
                                <asp:BoundField DataField="DescMateria" HeaderText="Materia"/>
                                <asp:BoundField DataField="IdMateria" HeaderText="IdMateria" Visible="false" />
                            </Columns>
                            <AlternatingRowStyle BackColor="White" />
                            <FooterStyle BackColor="#CCCC99" />
                            <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
                            <RowStyle BackColor="#F7F7DE" />
                            <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
                        
                        </asp:GridView>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                        
                    </div>

    Quizá esté mal algo, pero ya lo he revisado miles de veces y nada

    Saludos


    viernes, 15 de marzo de 2013 17:54
  • Todo esta perfecto, no se que podra ser :(

    Juan Alberto

    martes, 19 de marzo de 2013 20:53