none
Filtrar nuevamente los datos de un ListView con el plugin quicksearch después de usar un modalpopupextender RRS feed

  • Pregunta

  • Estoy usando el plugin quicksearch para filtrar los datos de mi lista. Tengo un LinkButton para desplegar un popup y modificar la información. El filtro funciona siempre, el problema es cuando uso el popup, el filtro se pierde y los datos de la lista vuelve a como estaba al inicio, como si no hubiera ingresado en la caja de texto el dato a filtrar. Después de usar el popup, no sé si hay alguna manera de que el filtro se ejecute de nuevo con el valor que ya se ingresó anteriormente, sin tener que volver a escribir sobre la caja de texto.

    Estuve buscando información y no sé si existe algún conflicto debido al postback que se produce al desplegar el popup, no sé si también tiene algo que ver con el evento de la caja de texto ya que el quicksearch va filtrando mientras se está escribiendo en la caja de texto. No entiendo mucho sobre esto. Cualquier guía será de gran ayuda.


    Este es el código de mi aspx:

    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/jquery.quicksearch.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#' +'<%=txtFilter.ClientID%>').quicksearch('#tbl_info' + ' tbody tr');
        });
    </script>
    
    
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:TextBox runat="server" ID="txtFilter"></asp:TextBox>
        <br />
        <div>
            <table id="tbl_info">
                <thead>
                    <tr>
                        <th>Names</th>
                        <th>Surnames</th>
                        <th>Address</th>
                        <th>Phone</th>
                        <th>Email</th>
                        <th>Modify</th>
                    </tr>
                </thead>
                <tbody>
                    <asp:ListView runat="server" ID="ListData">
                        <ItemTemplate>
                            <tr>
                                <td><%#Eval("Names") %></td>
                                <td><%#Eval("Surnames") %></td>
                                <td><%#Eval("Address") %></td>
                                <td><%#Eval("Phone") %></td>
                                <td><%#Eval("Email") %></td>
                                <td><asp:LinkButton ID="linkModify" OnClick="linkModify_Click" runat="server" CommandArgument='<%# Eval("Id")%>'></asp:LinkButton></td>
                            </tr>
                        </ItemTemplate>
                    </asp:ListView>
                </tbody>
            </table>
        </div>
    
        <asp:Label ID="lblHidden" runat="server"></asp:Label>
        <ajaxToolkit:ModalPopupExtender ID="mpePopUp" runat="server" TargetControlID="lblHidden" PopupControlID="divPopUp"></ajaxToolkit:ModalPopupExtender>
    
        <div id="divPopUp">
            <table>
                <caption>DETAIL</caption>
                <tr>
                    <td><label>Names</label></td>
                    <td><asp:TextBox ID="txtNames" runat="server"></asp:TextBox></td>
                </tr>
                 <tr>
                    <td><label>Surnames</label></td>
                    <td><asp:TextBox ID="txtSurnames" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td><label>Address</label></td>
                    <td><asp:TextBox ID="txtAddress" runat="server"></asp:TextBox></td>
                </tr><tr>
                    <td><label>Phone</label></td>
                    <td><asp:TextBox ID="txtPhone" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td><label>Email</label></td>
                    <td><asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <asp:Button ID="btnSave" runat="server" Text="Save" />
                        <asp:Button ID="brnCancel" runat="server" Text="Cancel" />
                    </td>
                </tr>
            </table>
        </div>
    </form>



    domingo, 22 de marzo de 2020 15:48

Todas las respuestas

  • Hola

     

    Gracias por levantar tu consulta en los foros de MSDN. Estamos analizando su pregunta y vamos a darle seguimiento para buscar la mejor repuesta pertinente al caso.

     

    Gracias por usar los foros de MSDN.

     


    Oscar Navarro

     ____

     

    Por favor recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde. 

     

    Microsoft ofrece este servicio de forma gratuita, con la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft.  

     

    Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.

    lunes, 23 de marzo de 2020 14:36
    Moderador