AJAX WebControls를 사용하는 쉬운 방법

Question

최적화하려는 웹 애플리케이션이 있습니다.일부 컨트롤은 대화상자 스타일로 숨겨져 있습니다. DIVs.따라서 사용자가 보고 싶어할 때만 AJAX를 통해 로드되도록 하고 싶습니다.이는 대부분 리터럴 기반 컨트롤(다양한 메뉴 및 위젯)에는 괜찮지만, "더러운" 컨트롤이라고 부르는 경우에는 ViewState, 페이지에 수많은 CSS 또는 스크립트 배치, 많은 참조 등 필요 - 특히 ASP.NET이 포스트백에 반응하는 방식을 고려할 때 "페이지 밖으로" 이동하는 것은 불가능해 보입니다.

저는 Render를 재정의하고, 이동하려는 비트에 대한 마커를 찾아 거기에 AJAX 자리 표시자를 넣는 일종의 단계를 고려하고 있었지만 서버 오버헤드가 극도로 보일 뿐만 아니라 완전한 해킹처럼 느껴집니다.게다가 여기서 핵심 요소는 유효성 검사 컨트롤이 포함된 양식이 포함된 대화 상자인데 컨트롤을 어떻게 이동할지 상상할 수 없습니다. 그리고 필요한 스크립트.

나는 열광적인 상상 속에서 이렇게 하고 싶습니다.

AJAXifier.AJAXify(ctlEditForm);

슬프게도 나는 이것이 꿈이라는 것을 압니다.

서버에 너무 많은 부하를 주지 않으면서 빠르고 쉬운 AJAXification에 실제로 얼마나 가까이 다가갈 수 있습니까?

Answer 1

확인해 보세요 RadAjax Telerik의 컨트롤 - 호출 컨트롤과 호출 컨트롤이 포스트백을 제출할 때 "Ajaxified"되어야 하는 컨트롤 간의 직접적인 관계를 선언하여 UpdatePanel 사용을 방지하고 서버와 클라이언트 간에 주고받는 정보의 양을 제한할 수 있습니다.

Answer 2

이번 주말에 가까운 서점에 가서 커피 한 잔을 마시고 Manning Press의 jQuery in Action을 찾아보시길 권합니다.매장에서 300페이지 분량의 이 책의 첫 번째 장을 읽어보고 마음에 드는 내용이 있으면 구입하세요.

여기에서 설명하는 내용을 jQuery를 사용하여 수행하는 것이 얼마나 쉬운지 놀라게 되실 것이라고 생각합니다.백그라운드에서 서버에 대한 Ajax 호출부터 방문자의 작업에 따라 div 태그를 표시하고 숨기는 것까지.작성해야 하는 코드의 양은 매우 작습니다.

좋은 JavaScript 라이브러리가 많이 있습니다. 이것은 제가 좋아하는 라이브러리 중 하나일 뿐이며 시작하기가 정말 쉽습니다.태그와 함께 현재 jQuery 파일에 대한 참조를 포함하는 것부터 시작한 다음, 페이지와 상호 작용하는 코드 몇 줄을 작성하세요.

Answer 3

첫 번째 단계는 "더러운" 부분을 자체 포함된 사용자 컨트롤로 만드는 것입니다.

2단계는 소비 페이지에 해당 컨트롤을 삽입하는 것입니다.

3단계는 각 사용자 컨트롤 태그를 자체 Asp:UpdatePanel로 래핑하는 것입니다.

4단계는 뷰 상태에서 기존 값을 확인하는 속성에서 읽어 컨트롤이 필요한 데이터를 얻도록 하는 것입니다.이로 인해 코드가 보기 흉한 전역 변수에 의존하게 된다는 것을 알고 있지만 이 작업을 수행하는 빠른 방법입니다.

귀하의 마일리지가 다를 수 있습니다.