2014-01-11 1 views
-1

내 이야기 ​​

샘플을 제공하려고하므로 취업 할 수 있습니다. 회사 직원들은 프로그래밍 코드 작성 방식이 마음에 들었지만 웹 페이지에서 일할 사람이 아니기 때문에 ASP.NET MVC 3 또는 4를 사용하여 잘 디자인 된 한 페이지 샘플 코드를 요청했으며 템플릿과 도우미 도구를 사용할 수 있으며 디자인은 HTML과 CSS에 대한 지식이 있지만 (내가 비록 AjaxjQuery에 대한 지식이 없지만), 한 주 동안 그들을 물었습니다. 그것의 일부분은 이미 있지만,해야 할 일이 있으며, 대부분 UI입니다. 도우미 라이브러리 "select2"가 작동하지 않습니다

내가 ASP.NET MVC 3합니다 (Razor보기 엔진), Bootstrap 및 선택 2를 사용하고

을 작동하도록, 내 계층 구조가 잘 형성되어 있는지 확실하지 않습니다 및 도우미 영향을 미치지 만

<!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> 
:

ASP.NET MVC3 Hierarchy With Bootstrap and Select2

그래서, 나는 또한 _layout.cshtml 파일에 아래처럼 내 연결을 추가 : 이것은 내가 그것을 어떻게입니다3210

그리고 내 인덱스 파일에 가서 다음과 같은 추가 :

@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   서버에서 데이터를 내 선택을 작성하고,이 같은되었다 :

Select Select2 Helper Won't Work

그래서 당신이 볼 수 있듯이, 그것은 UI에 영향을 미치지 않았다. 또한 CSS와 JavaScript 링크를 확인했지만 깨진 것 같지 않았습니다.

Console Logs for Select2 Helper Class

가 어떻게이 문제를 해결할 수 있습니다

또한, 나는 당신이 여기에서 볼 수 있도록 내 콘솔에 어떤 메시지를 가지고?

+0

나는 테스트를 위해 단지 CSS와 js를 반복한다. – deadManN

답변

1

콘솔에 jQuery의 이전 버전이 있기 때문에 onselect2의 기능이 아닙니다. jQuery를 최신 버전으로 업데이트하십시오. jQuery 1.7부터 .on() 메소드는 이벤트 핸들러를 연결하는 데 필요한 모든 기능을 제공합니다. 따라서 jQuery 버전 1.7 이상을 추가해야합니다.

+0

jQuery 옆에는 MVC 3 안에 전체 라이브러리가 있는데, 나는 그것을 해치지 않기를 바란다. – deadManN