Я использую плагин quicksearch для фильтрации данных из моего списка. У меня есть LinkButton для отображения всплывающих окон и изменения информации. Фильтр всегда работает, проблема в том, что когда я использую всплывающее окно, фильтр теряется, и данные в списке возвращаются к тому, что было в начале, как если бы данные для фильтрации не были введены в текстовое поле. После использования всплывающего окна, я не знаю, есть ли способ запустить фильтр снова с ранее введенным значением, без необходимости перепечатывать текстовое поле.
Я искал информацию и Я не знаю, есть ли какой-либо конфликт из-за обратной передачи, которая возникает при отображении всплывающего окна, я не знаю, имеет ли он также какое-то отношение к событию текстового поля, так как быстрый поиск фильтруется при записи в текстовое поле , Я не очень понимаю об этом. Любой гид будет очень полезен.
Это код моего 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>