잊고 계셨을지도 모를 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 관련 자바스크립트 소스를 추가하겠습니다. 한눈에 봐도 너무 간단한 스크립트 ..
.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 관련 자바스크립트 소스를 추가하겠습니다. 한눈에 봐도 너무 간단한 스크립트 ..