Доступный для поиска DropDownList в MVC ASP.Net с использованием CHOSEN - PullRequest
Новая
       3

Доступный для поиска DropDownList в MVC ASP.Net с использованием CHOSEN

0 голосов
/ 11 февраля 2019

Мой DROPDOWNLIST не доступен для поиска, это обычный выпадающий список.Вы можете увидеть мой вид создания на изображении.Я использовал выбранный плагин.Я добавил css и js файлы в _Layout.Требуется ли какая-либо функция?

Create.cshtml 

 @model StockControl.Models.EntityFramework.IncomingProduct

    @{
        ViewBag.Title = "Create";
        Layout = "~/Views/Shared/_Layout.cshtml";
    }

    <h2>Add new product</h2>

    @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.materialId, "Material Name", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                    @Html.DropDownList("materialId", null, htmlAttributes: new { @class = "form-control chosen" })
                    @Html.ValidationMessageFor(model => model.materialId, "", new { @class = "text-danger" }) 
            </div>
        </div>
}   
    @section scripts{
    <script>
        $(function () {
            $(".chosen").chosen();
        });
    </script>
    }

_Layout.cshtml 

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>_Layout</title>
        <link href="~/Content/chosen.min.css" rel="stylesheet" />
</head>
<body>
    @Html.Partial("_Navbar")
    <div class="container">
        @RenderBody()
    </div>

    @RenderSection("scripts", false)
    <script src="~/Scripts/chosen.jquery.min.js"></script>
</body>
</html>

Просмотр создания

Заранее спасибо.

Ошибки (При создании 109 - это $ (function () {

1 Ответ

0 голосов
/ 11 февраля 2019

Вы можете указать chosen класс следующим образом: 

 @Html.DropDownList("materialId", null, htmlAttributes: new { @class = "form-control chosen" })

Кроме того, убедитесь, что у вас есть плагин chosen, указанный в Layout.cshtml.Проверьте наличие ошибок JavaScript с помощью инструментов разработчика браузера, нажав клавишу F12 в браузере, а затем обновив страницу

Обновление

Включите ссылки jquery и выбранные плагины перед RenderSection("scripts")

 <script src="~/Scripts/jquery.min.js"></script>
 <script src="~/Scripts/chosen.jquery.min.js"></script>
 @RenderSection("scripts", false)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...