잊고 계셨을지도 모를 jqGrid 마지막편입니다. 이번 시간은 jqGrid를 이용하여 데이터를 추가, 편집, 삭제해보는 시간을 가져보도록 하겠습니다. 뷰페이지부터 보죠 지난 포스팅에 이어나갑니다. 먼저 가장 중요한 스크립트 부분을 보시면, var updateDialog = { url: '' , closeAfterAdd: true , closeAfterEdit: true , modal: true , onclickSubmit: function (params) { var ajaxData = {}; var list = $("#list"); var selectedRow = list.getGridParam("selrow"); rowData = list.getRowData(selectedRow); ajaxData =..
안녕하세요. 지난 시간에는 jqGrid를 이용해서 리스트를 구현해봤습니다. 정말 맛보기였죠? :) 이번 시간은 실제 데이터베이스에서 데이터 조회, 페이징과 정렬부분을 다루도록 하겠습니다. 먼저 데이터베이스 생성 테이블 구조는 다음과 같습니다. 컬럼명 데이터 타입 dirId int name nvarchar(50) phone nvarchar(50) email nvarchar(50) speedDial decimal(2,0) 그냥 기본세팅이죠^^; 엔터티 모델 클래스를 생성할 건데요, 자세히(?)를 원하신다면 이전 포스팅을 참고해주세요^^; 완료가 되면, 여기까지 잘 오셨죠? 저는 Entity Set Name을 TelDir에서 TelDirSet으로 변경하였습니다. 헷갈려서요^^;; 자. 이제는 본격적(?)으로 ..
이번 시간은 jQuery 플러그인인 jqGrid를 잠깐(?) 사용해보는 시간을 갖도록 하겠습니다. jqGrid 플러그인 다운 먼저, jqGrid 사이트에서 jqGrid 플러그인을 다운받습니다. 다운받은 압축파일을 푸신 후, ASP.NET MVC 프로젝트에 3개의 파일을 추가하겠습니다. jquery.jqGrid.min.js 파일과 jquery-ui-1.7.1.custom.css, ui.jqgrid.css 파일입니다. 자, 이제 시작해볼까요? jqGrid 맛보기 한꺼번에 다 보여드리기 보다는 조금조금씩~ 맛을 보여드리도록 하겠습니다^^ 좀전에 프로젝트에 추가한 파일을 뷰페이지에 쭈~욱 끌어다 놓습니다. 그 다음으로, 이 jqGrid 관련 자바스크립트 소스를 추가하겠습니다. 한눈에 봐도 너무 간단한 스크립트 ..
안녕하세요. 늦바람이 무섭다고 하는데요. jQuery를 향한 늦바람이 불어주길 바라는 1인입니다. ㅎㅎ 이렇게 간단해도 되는겨? 이번 포스팅을 준비하면서 정말 jQuery의 놀라운 힘에 다시 한번 놀랐습니다. 이렇게 간단히 탭메뉴를 넣는게 가능했던건가요? 준비물 준비 먼저, jQueryUI 사이트에서 jquery-ui-1.8.2.custom.zip 파일을 다운받습니다. 압축을 푸시면 jquery-ui-1.8.2.custom.min.js 와 jquery-ui-1.8.2.custom.css 파일이 있습니다.(각각 js폴더와 css폴더에 있습니다.) 이 두 파일을 프로젝트의 Content와 Scripts 폴더에 추가시킵니다. 이제 준비는 됐고요. 준비끝! 예제로! Index.aspx 페이지 소스입니다. 홈 페..
지금 잠을 자면 꿈을 꿀 수 있지만, 잠을 자지 않으면 꿈을 이룰 수 있다고 하죠. 그래서 이렇게 눈꺼풀이 내려오는데도 버티고 있는가 봅니다^^; 이 글을 읽고 있는 분들도 꿈을 위해 노력하고 계신거겠죠? 귀 따갑다 jQuery 고마해라~ 마이 들었다 아이가~. 너무 들어서 지겨울 만큼의 jQuery. 이제 시작합니다. 이렇게 늦게 jQuery를 들쳐보는 저를 용서하시고, 격려의 한말씀 해주시면 정말 감사하겠습니다. :) 그런데, jQuery 정말 다들 아시는거죠? jQuery가 뭔데? 아직도 jQuery를 모른단 말인가?! 자네 정말 웹 관련 일하는 사람이 맞긴 맞는건가? 어헣. 이런 말이 오고가진 않아야 겠죠? jQuery 공식 홈페이지에는 다음과 같은 말이 떡~하니 있습니다. jQuery is a ..
유효성 검사 안끝난겨? 네. 아직입니다. ^^; 원래는 마무리를 지으려고 했었는데요. 갑자기 jQuery 가 급땡기는 바람에 슬슬 관련글을 적어보렵니다. 클라이언트단에서 유효성검사하기 지난번 포스팅을 보시면, 서버단의 모델 클래스에 DataAnnotaion을 사용하여 유효성검사를 했습니다. 물론, 클라이언트단에서도 자바스크립트를 사용하여 유효성검사를 할 수 있지만, 이는 동일한 유효성 검사를 두번(서버와 클라이언트) 하게됩니다. DRY(Don't Repeat Yourself) 규칙에 위반되는 작업인 거죠. 근데 왜? 저 아시는 분 없죠? 듣보잡인거죠. 그래서 이렇게 앞뒤가 없습니다. 이번 포스팅을 먼저 했으면 하는 마음도 있지만, 뭐 이렇게 된 것 그냥 적어내려갑니다.^^ DRY에 반하는 작업을 한다고 ..
스캇 구쓰리의 글이 하나 올라왔습니다. ㅎㅎ jQuery에 대해 무지한 상태라 공부해야지라고 생각하던 참에 관련 글이 하나 올라오니 참~ 모든건 내뜻대로? 되는듯 합니다. 훗 그냥 번역아닌 번역을 할 터이니 원본을 직접보시는게 좋을듯합니다. 제가 지금부터 써내려가는 것은 듣보잡의 번역글이라... 뭔말인지 아시죠? 그럼 써내려갑니다~ 원문 : http://weblogs.asp.net/scottgu/archive/2010/06/10/jquery-globalization-plugin-from-microsoft.aspx 지난 달 마이크로소프트가 어떻게 jQuery 기여를 할 코드를 만들기 시작했는지와 우리가 작업한 jQuery 템플릿과 데이터 링크 지원 이라는 첫 코드에 관한 글을 썼다. 오늘, 우리는 자바스크..
.NET/MVC 2 각방생활 2010. 8. 11. 11:00
잊고 계셨을지도 모를 jqGrid 마지막편입니다. 이번 시간은 jqGrid를 이용하여 데이터를 추가, 편집, 삭제해보는 시간을 가져보도록 하겠습니다. 뷰페이지부터 보죠 지난 포스팅에 이어나갑니다. 먼저 가장 중요한 스크립트 부분을 보시면, var updateDialog = { url: '' , closeAfterAdd: true , closeAfterEdit: true , modal: true , onclickSubmit: function (params) { var ajaxData = {}; var list = $("#list"); var selectedRow = list.getGridParam("selrow"); rowData = list.getRowData(selectedRow); ajaxData =..
.NET/MVC 2 각방생활 2010. 7. 15. 09:00
안녕하세요. 지난 시간에는 jqGrid를 이용해서 리스트를 구현해봤습니다. 정말 맛보기였죠? :) 이번 시간은 실제 데이터베이스에서 데이터 조회, 페이징과 정렬부분을 다루도록 하겠습니다. 먼저 데이터베이스 생성 테이블 구조는 다음과 같습니다. 컬럼명 데이터 타입 dirId int name nvarchar(50) phone nvarchar(50) email nvarchar(50) speedDial decimal(2,0) 그냥 기본세팅이죠^^; 엔터티 모델 클래스를 생성할 건데요, 자세히(?)를 원하신다면 이전 포스팅을 참고해주세요^^; 완료가 되면, 여기까지 잘 오셨죠? 저는 Entity Set Name을 TelDir에서 TelDirSet으로 변경하였습니다. 헷갈려서요^^;; 자. 이제는 본격적(?)으로 ..
.NET/MVC 2 각방생활 2010. 7. 14. 09:00
이번 시간은 jQuery 플러그인인 jqGrid를 잠깐(?) 사용해보는 시간을 갖도록 하겠습니다. jqGrid 플러그인 다운 먼저, jqGrid 사이트에서 jqGrid 플러그인을 다운받습니다. 다운받은 압축파일을 푸신 후, ASP.NET MVC 프로젝트에 3개의 파일을 추가하겠습니다. jquery.jqGrid.min.js 파일과 jquery-ui-1.7.1.custom.css, ui.jqgrid.css 파일입니다. 자, 이제 시작해볼까요? jqGrid 맛보기 한꺼번에 다 보여드리기 보다는 조금조금씩~ 맛을 보여드리도록 하겠습니다^^ 좀전에 프로젝트에 추가한 파일을 뷰페이지에 쭈~욱 끌어다 놓습니다. 그 다음으로, 이 jqGrid 관련 자바스크립트 소스를 추가하겠습니다. 한눈에 봐도 너무 간단한 스크립트 ..
.NET/MVC 2 각방생활 2010. 7. 1. 09:00
안녕하세요. 늦바람이 무섭다고 하는데요. jQuery를 향한 늦바람이 불어주길 바라는 1인입니다. ㅎㅎ 이렇게 간단해도 되는겨? 이번 포스팅을 준비하면서 정말 jQuery의 놀라운 힘에 다시 한번 놀랐습니다. 이렇게 간단히 탭메뉴를 넣는게 가능했던건가요? 준비물 준비 먼저, jQueryUI 사이트에서 jquery-ui-1.8.2.custom.zip 파일을 다운받습니다. 압축을 푸시면 jquery-ui-1.8.2.custom.min.js 와 jquery-ui-1.8.2.custom.css 파일이 있습니다.(각각 js폴더와 css폴더에 있습니다.) 이 두 파일을 프로젝트의 Content와 Scripts 폴더에 추가시킵니다. 이제 준비는 됐고요. 준비끝! 예제로! Index.aspx 페이지 소스입니다. 홈 페..
.NET/MVC 2 각방생활 2010. 6. 30. 09:00
지금 잠을 자면 꿈을 꿀 수 있지만, 잠을 자지 않으면 꿈을 이룰 수 있다고 하죠. 그래서 이렇게 눈꺼풀이 내려오는데도 버티고 있는가 봅니다^^; 이 글을 읽고 있는 분들도 꿈을 위해 노력하고 계신거겠죠? 귀 따갑다 jQuery 고마해라~ 마이 들었다 아이가~. 너무 들어서 지겨울 만큼의 jQuery. 이제 시작합니다. 이렇게 늦게 jQuery를 들쳐보는 저를 용서하시고, 격려의 한말씀 해주시면 정말 감사하겠습니다. :) 그런데, jQuery 정말 다들 아시는거죠? jQuery가 뭔데? 아직도 jQuery를 모른단 말인가?! 자네 정말 웹 관련 일하는 사람이 맞긴 맞는건가? 어헣. 이런 말이 오고가진 않아야 겠죠? jQuery 공식 홈페이지에는 다음과 같은 말이 떡~하니 있습니다. jQuery is a ..
.NET/MVC 2 각방생활 2010. 6. 27. 09:00
유효성 검사 안끝난겨? 네. 아직입니다. ^^; 원래는 마무리를 지으려고 했었는데요. 갑자기 jQuery 가 급땡기는 바람에 슬슬 관련글을 적어보렵니다. 클라이언트단에서 유효성검사하기 지난번 포스팅을 보시면, 서버단의 모델 클래스에 DataAnnotaion을 사용하여 유효성검사를 했습니다. 물론, 클라이언트단에서도 자바스크립트를 사용하여 유효성검사를 할 수 있지만, 이는 동일한 유효성 검사를 두번(서버와 클라이언트) 하게됩니다. DRY(Don't Repeat Yourself) 규칙에 위반되는 작업인 거죠. 근데 왜? 저 아시는 분 없죠? 듣보잡인거죠. 그래서 이렇게 앞뒤가 없습니다. 이번 포스팅을 먼저 했으면 하는 마음도 있지만, 뭐 이렇게 된 것 그냥 적어내려갑니다.^^ DRY에 반하는 작업을 한다고 ..
ScottGu's Blog 2010. 6. 14. 18:00
스캇 구쓰리의 글이 하나 올라왔습니다. ㅎㅎ jQuery에 대해 무지한 상태라 공부해야지라고 생각하던 참에 관련 글이 하나 올라오니 참~ 모든건 내뜻대로? 되는듯 합니다. 훗 그냥 번역아닌 번역을 할 터이니 원본을 직접보시는게 좋을듯합니다. 제가 지금부터 써내려가는 것은 듣보잡의 번역글이라... 뭔말인지 아시죠? 그럼 써내려갑니다~ 원문 : http://weblogs.asp.net/scottgu/archive/2010/06/10/jquery-globalization-plugin-from-microsoft.aspx 지난 달 마이크로소프트가 어떻게 jQuery 기여를 할 코드를 만들기 시작했는지와 우리가 작업한 jQuery 템플릿과 데이터 링크 지원 이라는 첫 코드에 관한 글을 썼다. 오늘, 우리는 자바스크..