Обновить 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 для отображения / скрытия строк в зависимости от критериев фильтра. Одно решение, которое должно быть легко адаптируемым к списку данных, доступно здесь.

Другие вопросы по тегам