ASP.NET Textbox автозаполнения получить другое значение столбца таблицы

Question

Дело в том, как это: таблицы БД, как это:

И Нужный UI, как это:

ли это возможно делать? Я хочу сделать автозаполнение, до полного имени, а затем, когда пользователь вводит, например, john, поэтому все клиенты, у которых есть имя с john, будут показаны с дополнительными данными имени филиала, а если пользователь выберет одну из строк во всплывающем окне, он обновит номер cif. Пример: -John Doe | Mighigan филиал -John Alex | Каирское отделение -David John | Canada Branch

До сих пор я искал всплывающее автозаполнение в asp.net, он просто просматривал один столбец в базе данных и обновлял одно и то же текстовое поле. Мне нужно обновить несколько текстовых полей, имя клиента и номер cif. Или, только номер CIF, но автозаполнение будет искать имя клиента и имя ветки.

Большое спасибо.

Answer 1

Для выгонки текста выбранного события вы можете подписаться на TextChanged событии и использовать функцию ниже в качестве обработчика для клиента события itemSelected экстендера OnClientItemSelected="autoCompleteEx_ItemSelected":

<script type="text/javascript"> 
function autoCompleteEx_ItemSelected(sender, args) { 
     __doPostBack(sender.get_element().name, ""); 
} 
</script> 

И вы можете удалить AutoPostBack="true" из целевого текстового поля

И ваше сообщение после обратной связи будет

protected void autoCompleteTextbox_ValueChanged(object sender, EventArgs e) 
    { 
    ///populate the form based on retrieved data 
    } 

От this ссылке вы должны присоединиться к вашим два поля, как

List<string> autocompleteList= new List<string>(); 
    for (int i = 0; i < dt.Rows.Count; i++) 
    { 
     autocompleteList.Add(dt.Rows[i]["FullName"].ToString()+"|"+dt.Rows[i]["BranchName"].ToString()); 
    } 

Поместите свой OnClientItemSelected="autoCompleteEx_ItemSelected" в automcomplete удлинителя.

<ajaxtoolkit:AutoCompleteExtender runat="server" 
    //other properties 
    OnClientItemSelected="autoCompleteEx_ItemSelected"> 
</ajaxtoolkit:autocompleteextender>