Обновить DataList с вводом textBox
У меня есть следующий текстовый ящик -
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true"></asp:TextBox>
<asp:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server"
MinimumPrefixLength="1" ServiceMethod="PRETURN" ServicePath="WebService1.asmx"
TargetControlID="TextBox1"> </asp:AutoCompleteExtender>
Когда пользователь вводит в TextBox1
это отправляет запрос WebService1.asmx
и называет PRETURN
метод обслуживания. Поэтому, когда пользователь печатает, textBox выводит выпадающий список строк, которые начинаются с букв, которые печатает пользователь.
Теперь у меня есть следующий DataList -
<asp:DataList runat="server" ID="pTextBox" >
<ItemTemplate>
<asp:CheckBox ID="CheckBoxPN" runat="server" Checked='false' OnCheckedChanged="CheckBoxPN_CheckedChanged" AutoPostBack="true" />
<asp:TextBox ID="profileTextBox" runat="server" Text='<%# Container.DataItem.ToString() %>'></asp:TextBox>
</ItemTemplate>
</asp:DataList>
Где на Page_Load
-
WebService1 ws = new WebService1();
pTextBox.DataSource = ws.Method();
pTextBox.DataBind();
Моя проблема в том, что я хочу объединить функциональность textBox с DataList. Таким образом, когда пользователь вводит данные в textBox, вместо textBox, имеющего выпадающий список, строки в DataList обновляются. Так, например, если текст в profileTextBox
не содержал текст префикса в TextBox1, когда пользователь печатал, он исчезал. Предоставление пользователю списка строк, относящихся к его поиску. Как мне этого добиться?
1 ответ
Другие сделали что-то похожее на элемент управления GridView, используя JQuery для отображения / скрытия строк в зависимости от критериев фильтра. Одно решение, которое должно быть легко адаптируемым к списку данных, доступно здесь.