본문 바로가기

로딩중3

데이터 로딩중 표시하기 2 - Ajax 컨트롤들을 사용하여 모달 팝업으로 표시하기 ASP.Net 컨트롤을 사용하여 특정 작업을 할 때 모달 팝업으로 데이터 로딩중...과 같은 진행상태를 표시하여 진행 중에 화면에서 다른 작업을 할 수 없도록 하는 예제입니다. 이 예제에서는 Ajax 확장 컨트롤인 UpdatePanel, UpdateProgress 와 별도 컨트롤인 AjaxControlToolkit 을 사용하였고, 네이버까페 닷넷 프로그래머 모임에 심재운님이 올리신 글을 참고하였습니다. AjaxControlToolkit 은 아래 URL 이나 아래 첨부파일에서 해당 .Net 버전에 맞는 걸로 다운받으시면 됩니다. URL: http://ajaxcontroltoolkit.codeplex.com/releases/view/109918 로딩 중 이미지는 데이터 로딩중 표시하기 1 글에서 다운받으실 .. 2013. 9. 30.
데이터 로딩중 표시하기 1 - Ajax 컨트롤 UpdatePanel, UpdateProgress 화면에서 ASP.Net 컨트롤을 사용하여 특정 작업을 할 때 작업시간이 오래 걸리면 다시 PostBack 이 일어날 때까지 화면이 아무 반응이 없습니다. 이럴 경우 데이터 로딩중... 혹은 잠시만 기다려주세요.. 같은 진행상태를 표시해 주는 예제입니다. 이 예제에서는 Ajax 확장 컨트롤인 UpdatePanel 과 UpdateProgress 를 사용합니다. 예제에서 사용된 로딩 중 이미지는 아래 파일을 다운받으시면 됩니다. (loading.zip 파일을 다운받아 압축을 푸시면 왼쪽 그림과 같은 loading.gif 가 나옵니다) 1. WebForm2.aspx 부분 로딩중... 2. WebForm2.aspx.cs 부분 public partial class WebForm2 : System.Web.UI.Pag.. 2013. 9. 27.
iframe 을 이용한 페이지 로딩 처리 예제 페이지에서 iframe 이 있거나 혹 iframe 을 이용하여 다른 페이지를 읽어올 때 로딩하는 동안 로딩 이미지나 문구를 화면에 뿌려주는 예제입니다. 이 예제는 http://jsfiddle.net/CPadm/ 에도 동일한 내용이 있으므로 참고하실 수 있습니다. 이 예제에서는 JQuery 를 이용합니다. 1. 안에 들어갈 내용Click to load Page is loading... 2. Css (head 부분에 3. Javscript 내용 예제파일: 결과 화면 2013. 8. 27.