본문 바로가기

mvc5

(4)
[ASP.NET] MVC5 TOAST UI DatePicker 사용하기 ASP.NET MVC5 TOAST UI DatePicker 적용하기 웹프로젝트를 진행하다 DatePicker를 사용하게 되어 간단하게 적는다. 날짜를 선택시 달력이 들어가는 자바스크립트 달력이 필요하여 검색해보니 jQuery UI, Bootstrap, flarpickr... 등 뭔가 많기는 한데 예쁘지가 않다. 최대한 수정없이 그대로 이용하고 싶어서 찾아보다 디자이너분이 TOAST UI Grid를 이야기했던 것이 떠올라.. TOAST UI를 찾아보니 DatePicker를 제공하고 있었다. NHN에서 자바스크립트 오픈소스로 개발해 TOAST UI 브랜드로 운영하며 제공한다. 그리고 MIT 라이센스로 무료이고 사용도 쉽다. CDN 사용할 수 있어서 HTML 소스코드에 스크립트를 불러오는 태그를 삽입하기만 하..
[ASP.NET] MVC5 캐시(Cache) 제거 웹화면에서 데이터를 수정후 DB의 데이터는 변경되었는데 화면에서 변경전 데이터가 보여지는 경우가 있다. 캐싱으로 기존 데이터가 웹화면에 보여지는 것으로 ASP.NET MVC에서는 개별 컨트롤러 작업 또는 전체 컨트롤러 클래스에 [OutputCache] 특성을 추가하여 출력 캐싱을 제어할 수 있다. 전체 컨트롤러 클래스에 캐시 제거 1 2 3 4 5 6 7 8 9 [OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)] public class HomeController : Controller { public ActionResult Index() { return View(); } } Colored by Color Scripter cs D..
[ASP.NET] MVC5 @Html Textarea 적용하기 ASP.NET MVC5 @Html Textarea 적용하기 ASP.NET MVC 프로젝트 이용시 기본적으로 Bootstrap이 적용된다. 일반적으로 textarea 를 이용해 데이터 입력시 코드를 이용하면 된다. 1 cs 하지만 ASP.NET MVC 에서는 Model 을 이용하기 때문에 조금 다르다. 1 2 @Html.TextAreaFor(model => model.CONTENTS, 10, 100, new { htmlAttributes = new { @class = "form-control" } }) @Html.ValidationMessageFor(model => model.CONTENTS, "", new { @class = "text-danger" }) cs @Html.TextAreaFor을 이용하여 ..
[ASP.NET] textarea 에 br 태그 줄바꿈 처리 - style 이용 ASP.NET textarea 내용 저장 후 줄바꿈 처리하기 ASP.NET MVC5 이용하여 게시판을 만들고나니, textarea에 입력하여 저장한 글내용 데이터가 보여질때 줄바꿈 처리가 되지않고 한줄로 보여지는 문제가 발생했다. 글 상세 보기 페이지에서는 한줄로 보이지만.. 게시물 수정 페이지 들어가면 줄바꿈된 상태로 데이터가 들어가 있긴 하고.. 결국 이 문제를 style 처리로 해결할 수 있었다. 1 style="word-wrap:break-word; white-space: pre-line; table-layout: fixed;" cs 다음과 같이 style 을 table에 추가하였더니, 제목까지 적용되어 아래와 같이 줄바꿈 처리가 적용되었다. 실제 게시판에 적용은 내용부분에만 적용하여 예쁘게 적용.