如何使用ASP.NET从C＃中的SQL Server表中自动完成TextBox中的值

Question

我有一个SQL表，列名称为Name ， Ascii_Name ， Alternate Names 。 当用户从值集中键入名称时，自动完成功能必须相应地显示值。

例如，如果用户键入“ Aba”，则必须显示所有以“ Aba”开头的值，包括“替代名称”列中的值，这些值不会像abt那样遵循这种模式。 为了更清楚地说明另一个示例，他输入Abayah时，必须显示遵循此模式的所有名称，包括其他名称以及abahyahran，abayrafda 。

+------------+------------------+--------------------------------------------------+
| Name       | Ascii_Name       |                Alternate_names                   |
+------------+------------------+--------------------------------------------------+
| Abat       | Abat1            | Abat, Abat1, abt                                 |
| Abayahr    | Abayahr1         | Abayahr,Abayahr1, abayahr, abahyahran, abayrafda |
| Abayah     | Abayah1          | Abayah,Abayah1, abayahtr, abayahnwer             |
| Abath      | Abath1           | Abath, Abath1, abatgh, abatdfg                   |
| Carne      | Carnt            | Carne, Carnt, canrtrt, carnas                    |
+------------+------------------+--------------------------------------------------+

我对达成此要求一无所知，对此方向的任何建议或建议或指针将不胜感激。

我不是在要求任何仅代码指示符或广泛指导方针来实现这一目标。

Answer 1

您可以将存储过程或LINQ与Entity Framework 。 这是存储过程的示例。

存储过程：

SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO

CREATE PROCEDURE [dbo].[AutoComplete_Search]
     @keyword NVARCHAR(50)
AS
BEGIN
    SELECT Name, Ascii_Name, Alternate_names
    FROM your_table
    WHERE Name LIKE '%' + @keyword + '%' OR Ascii_Name LIKE '%' + @keyword + '%' OR Alternate_names LIKE '%' + @keyword + '%'

END

.cshtml代码是：

<script type="text/javascript">
        $(function () {
            $("#txtCustomer").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '/Home/AutoComplete/',
                        data: "{ 'keyword': '" + request.term + "'}",
                        dataType: "json",
                        type: "POST",

                        contentType: "application/json; charset=utf-8",
                        success: function (data) {
                            response($.map(data, function (item) {
                                return item;
                            }))
                        },
                        error: function (response) {
                            alert(response.responseText);
                        },
                        failure: function (response) {
                            alert(response.responseText);
                        }
                    });
                },
                select: function (e, i) {
                    $("#hfCustomer").val(i.item.val);
                },
                minLength: 1
            });
        });
    </script>
    @using (Html.BeginForm("Index", "Home", FormMethod.Post))
    {
        <input type="text" id="txtCustomer" name="CustomerName" />    
    }

这是控制器。

[HttpPost]
public JsonResult AutoComplete(string keyword)
{
    using (DatabaseEntities entities = new DatabaseEntities())
    {
        var records = entities.AutoComplete_Search(keyword).ToList();
        return Json(records);
    }
}

Answer 2

您可以使用Ajax Control Toolkit。 例：

<asp:ScriptManager ID="ScriptManager1" runat="server"
EnablePageMethods = "true">
</asp:ScriptManager>

<asp:TextBox ID="txtContactsSearch" runat="server"></asp:TextBox>
<cc1:AutoCompleteExtender ServiceMethod="SearchCustomers"
    MinimumPrefixLength="2"
    CompletionInterval="100" EnableCaching="false" CompletionSetCount="10"
    TargetControlID="txtContactsSearch"
    ID="AutoCompleteExtender1" runat="server" FirstRowSelected = "false">
</cc1:AutoCompleteExtender>

[System.Web.Script.Services.ScriptMethod()]
[System.Web.Services.WebMethod]
public static List<string> SearchCustomers(string prefixText, int count)
{
    using (SqlConnection conn = new SqlConnection())
    {
        conn.ConnectionString = ConfigurationManager
                .ConnectionStrings["constr"].ConnectionString;
        using (SqlCommand cmd = new SqlCommand())
        {
            cmd.CommandText = "select ContactName from Customers where " +
            "ContactName like @SearchText + '%'";
            cmd.Parameters.AddWithValue("@SearchText", prefixText);
            cmd.Connection = conn;
            conn.Open();
            List<string> customers = new List<string>();
            using (SqlDataReader sdr = cmd.ExecuteReader())
            {
                while (sdr.Read())
                {
                    customers.Add(sdr["ContactName"].ToString());
                }
            }
            conn.Close();
            return customers;
        }
    }
}

https://www.aspsnippets.com/Articles/AJAX-AutoCompleteExtender-Example-in-ASPNet.aspx

https://ajaxcontroltoolkit.devexpress.com/AutoComplete/AutoComplete.aspx