将自动完成搜索添加到nocommerce

本文关键字：添加 nocommerce 搜索 | 更新日期: 2023-09-27 18:00:30

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

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

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

将自动完成搜索添加到nocommerce

Hi您可以在前台添加与搜索框相同的自动完成功能。它还自动完成。只需像标准jquery那样实现自动完成即可。它需要源数据，您将根据文本框中键入的单词从数据库中获取这些数据。

相关文章：