C# 将自动完成搜索添加到NoComerce

我是nopcommerce的新手，我正在尝试在nopcommerce的配置页面上添加自动完成搜索框。我知道standart configurayion中有一个搜索框模型，但我如何实现它呢

编辑：这是我试图添加搜索框的代码

@model Nop.Plugin.Widgets.NivoSlider.Models.ConfigurationModel
@using Nop.Web.Framework;
@using Nop.Web.Models.Catalog;
@Html.Action("StoreScopeConfiguration", "Setting", new { area = "Admin"})
@using (Html.BeginForm())
{
    <fieldset>
        <legend><strong>@T("Plugins.Widgets.NivoSlider.Picture1")</strong></legend>
        <table class="adminContent">
            <tr>
                <td class="adminTitle">
                    @Html.OverrideStoreCheckboxFor(model => model.Picture1Id_OverrideForStore, model => model.Picture1Id, Model.ActiveStoreScopeConfiguration)
                    @Html.NopLabelFor(model => model.Picture1Id):
                </td>
                <td class="adminData">
                    @Html.EditorFor(model => model.Picture1Id)
                    @Html.ValidationMessageFor(model => model.Picture1Id)
                </td>
            </tr>
            <tr>
                <td class="adminTitle">
                    @Html.OverrideStoreCheckboxFor(model => model.Text1_OverrideForStore, model => model.Text1, Model.ActiveStoreScopeConfiguration)
                    <div class="search-box">
                        @Html.Action("SearchBox", "Catalog")
                    </div>
                    @Html.NopLabelFor(model => model.Text1):
                </td>
                <td class="adminData">
                    @Html.EditorFor(model => model.Text1)
                    @Html.ValidationMessageFor(model => model.Text1)
                </td>
            </tr>
            <tr>

@model Nop.Plugin.Widgets.NivoSlider.Models.ConfigurationModel
@使用Nop.Web.Framework；
@使用Nop.Web.Models.Catalog；
@Action（“StoreScopeConfiguration”，“Setting”，new{area=“Admin”}）
@使用（Html.BeginForm（））
{
@T（“Plugins.Widgets.NivoSlider.Picture1”）
@Html.overrideStorecoxfor（model=>model.Picture1Id\u OverrideForStore，model=>model.Picture1Id，model.ActiveStoreScopeConfiguration）
@Html.noplabefor（model=>model.Picture1Id）：
@Html.EditorFor（model=>model.Picture1Id）
@Html.ValidationMessageFor（model=>model.Picture1Id）
@Html.OverrideStoreCheckboxFor（model=>model.Text1_OverrideForStore，model=>model.Text1，model.ActiveStoreScopeConfiguration）
@动作（“搜索框”、“目录”）
@Html.noplabefor（model=>model.Text1）：
@EditorFor（model=>model.Text1）
@Html.ValidationMessageFor（model=>model.Text1）

您好，您可以在前端站点添加与搜索框相同的自动完成功能。它还具有自动完成功能。只需像标准版一样实现自动完成功能。它需要源数据，即您将根据文本框中键入的单词从数据库中获取的数据