-1

Моя история

Я собираюсь предоставить образец, чтобы я мог устроиться на работу. Сотрудникам компании понравилось, как я пишу программный код, но поскольку я не был человеком, работающим над веб-страницей, они запросили хорошо продуманный образец одной страницы с использованием ASP.NET MVC 3 или 4, и они сказали, что я могут использовать шаблоны и вспомогательные инструменты, а дизайн более важен, чем я завершаю его своими знаниями HTML и CSS (хотя я не знаю Ajax и jQuery), поэтому я попросил их в течение недели, и я сделал часть его уже, но есть работа, и в основном это пользовательский интерфейс.Вспомогательная библиотека "select2" не работает для меня

Получить Работать

Я использую ASP.NET MVC 3 (Razor вид двигателя), Bootstrap и ВЫБ.2, я не уверен, если моя иерархия хорошо формируется и влияет на помощника, но это, как я сделал это:

ASP.NET MVC3 Hierarchy With Bootstrap and Select2

Итак, я также добавить мое соединение, как показано ниже в _layout.cshtml файле:

<!DOCTYPE html> 
<html dir="rtl"> 
<head> 
    <meta charset="utf-8" /> 
    <title>@ViewBag.Title</title> 
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> 
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script> 

    <!--BOOTSTRAP--> 
    <link href="@Url.Content("~/css/bootstrap.min.css")" rel="stylesheet"/> 
    <script src="@Url.Content("~/js/bootstrap.min.js")"></script> 

    <!--Select2--> 
    <link href="@Url.Content("~/select2-3.4.5/select2.css")" rel="stylesheet"/> 
    <script src="@Url.Content("~/select2-3.4.5/select2.js")"></script> 

    <!--MY CSS--> 
    <link href="~/Content/my_style.css" type="text/css" rel="stylesheet"/> 
</head> 

<body> 
    @RenderBody() 
</body> 
</html>

А потом я пошел в свой индексный файл и добавил следующее:

@model SinglePage.Models.SinglePageIndexViewModel 

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

<link href="@Url.Content("~/select2-3.4.5/select2.css")" rel="stylesheet"/> 
<script src="@Url.Content("~/select2-3.4.5/select2.js")"></script> 
<script> 
    $(document).ready(function() { $("#e1").select2(); }); 
</script> 

<h2>خانه</h2> 
@using(Html.BeginForm()){ 
    @Html.ValidationSummary(true) 

    <select id="e1"> 
     @foreach (var customer in Model.CustomerList) 
     { 
      <option value="@Html.DisplayFor(c=>customer.Code)">@Html.DisplayFor(c => customer.FirstName) @Html.DisplayFor(c=>customer.LastName)</option> 
     } 
    </select> 

}

Это было похоже на то, что пример мне сказал. Поэтому я заполнил мой выбор с данными SQL Server, , и он стал таким:

Select Select2 Helper Won't Work

Так как вы можете видеть, это не влияет на пользовательский интерфейс. Я также проверил ссылки на CSS и JavaScript, но они, похоже, не были сломаны.

Кроме того, я получил несколько сообщений, в моей консоли, которые я позволяю увидеть здесь:

Console Logs for Select2 Helper Class

Как я могу исправить эту проблему?

источник

2014-01-11 deadManN

Я повторяю css и js ссылку только для теста – deadManN

В вашей консоли это показывает on не является функцией в select2, потому что у вас установлена более старая версия jQuery. Обновите jQuery до последней версии. Начиная с jQuery 1.7, метод .on() предоставляет все функции, необходимые для прикрепления обработчиков событий. Поэтому вам нужно добавить jQuery версии 1.7 или новее.

источник

2014-01-12 06:56:21

есть общая библиотека в пределах MVC 3 рядом с jquery, я надеюсь, что это не повредит ... Спасибо человеку – deadManN

Вспомогательная библиотека "select2" не работает для меня

Моя история

Получить Работать

ответ

Смежные вопросы