ASP.NET 文本框自动完成获取不同的表列值

Question

情况是这样的： db 表是这样的：

所需的 UI 是这样的：

这可能吗？我想自动完成，直到全名，然后，当用户输入时，例如，john，所以，所有名称为 john 的客户都将显示分支名称附加数据，如果用户在弹出窗口中选择其中一行，它将更新cif编号。 例子： -约翰·多伊 |米吉根分公司 -约翰·亚历克斯 |开罗分公司 -大卫约翰 |加拿大分公司

到目前为止，我在 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" 放入自动完成扩展程序中。

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