向 nopcomerce 添加自动完成搜索答案

【问题标题】：Add autocomplete search to nopcomerce向 nopcomerce 添加自动完成搜索
【发布时间】：2015-09-16 19:49:32
【问题描述】：

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

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

@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>

【问题讨论】：

标签： c# razor nopcommerce

【解决方案1】：

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

【讨论】：