locked
No se visualiza correctamente una pagina web: RRS feed

  • Pregunta

  • Buenas dias:

    Disculpen las molestias lo que sucede es que estoy trabajando con un gridview anidado que al darle click en la fila,

    el gridview hijo se expande y se muestra en la parte de abajo en tiempo de desarrollo me funciona muy bien,

    una vez publicada la aplicacion  cuando le doy clik en la para que me muestre el gridview hijo me lo muestra hasta en enfrente como si se tuvieran capas y no debajo de la fila correspondiente.

    el detalle tambien es que en unas maquinas lo hace muy bien, etonces no se si exista configuracion a nivel de explorador IE8 para el manejo de posicion de controles.

    Este es mi codigo de mi gridview que estoy utilizando

    <div style="background-position: center bottom; overflow-x:scroll; overflow-y:scroll; height:600px; width:900px;">

    <asp:GridView ID="gvwClientes" AllowPaging="True">

    <Columns>

    <!--Aca le damos clik para que muestre el gridview hijo-->

    <asp:TemplateField HeaderText="Ordenes">

                    <ItemTemplate>

                    <a href="Javascript:expandcollapse('div<%#Eval("Id_Ordenes")%>','one');">

      <img id="imgdiv<%# Eval("Id_ Id_Ordenes")%>" alt="Da clik para ocultar los datos"

     width="9px" border="0" src="plus.gif" />

                     </a>

                   </ItemTemplate>

                   </asp:TemplateField>

    <!--Columna que se mostrara con el gridview hijo-->

    <asp:TemplateField>

                        <ItemTemplate>

                            <tr>

                                <td colspan="100%">

                                    <div id="div<%#Eval("Id_Ordenes")%>" style="display: none; position: relative;left: 15px;

                                        overflow: auto; width: 97%">

                                        <p>

                                            <h1>

                                                Ordenes</h1>

                                        </p>

                                      <asp:GridView ID="gvwPersonas" runat="server">

                                            <Columns>

                                                <asp:BoundField DataField="Num Evento" HeaderText="Num Evento" />

    </Columns>

                                        </asp:GridView>

                                    </div>

                                </td>

                            </tr>

                        </ItemTemplate>

                    </asp:TemplateField>

    </Columns>

         </asp:GridView>

    </div>

    y la funcion javascript que utilizo para ocultar/mostrar el gridview hijo es:

    function expandcollapse(obj, row) {
                var div = document.getElementById(obj);
                var img = document.getElementById('img' + obj);


                if (div.style.display == "none") {
                    div.style.display = "block";


                    if (row == 'alt') {
                        img.src = "minus.gif";
                    }
                    else {
                        img.src = "minus.gif";
                    }
                    img.alt = "Close to view other Customers";
                }
                else {
                    div.style.display = "none";

                    if (row == 'alt') {
                        img.src = "plus.gif";
                    }
                    else {
                        img.src = "plus.gif";
                    }
                    img.alt = "Expand to show Orders";
                }
            }

    De antemano muchas gracias por su colaboracion, No se cual sea la configuracion que tenga que corregir para poder visualizar correctamente en los IE8

    Saludos


    miércoles, 26 de septiembre de 2012 23:38