내 이야기
샘플을 제공하려고하므로 취업 할 수 있습니다. 회사 직원들은 프로그래밍 코드 작성 방식이 마음에 들었지만 웹 페이지에서 일할 사람이 아니기 때문에 ASP.NET MVC 3 또는 4를 사용하여 잘 디자인 된 한 페이지 샘플 코드를 요청했으며 템플릿과 도우미 도구를 사용할 수 있으며 디자인은 HTML과 CSS에 대한 지식이 있지만 (내가 비록 Ajax과 jQuery에 대한 지식이 없지만), 한 주 동안 그들을 물었습니다. 그것의 일부분은 이미 있지만,해야 할 일이 있으며, 대부분 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>
:
그래서, 나는 또한 _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 서버에서 데이터를 내 선택을 작성하고,이 같은되었다 :
그래서 당신이 볼 수 있듯이, 그것은 UI에 영향을 미치지 않았다. 또한 CSS와 JavaScript 링크를 확인했지만 깨진 것 같지 않았습니다.
가 어떻게이 문제를 해결할 수 있습니다
또한, 나는 당신이 여기에서 볼 수 있도록 내 콘솔에 어떤 메시지를 가지고?
나는 테스트를 위해 단지 CSS와 js를 반복한다. – deadManN