정보를 보여줄 divs를 붕괴시키는 divs

나는 C# .Net (* .aspx)에있는 보고서를 가지고 있는데, gridview의 형태로 보고서를 표시하고 다른 수를 보여주고 다른 페이지에서 그것을 클릭하는 것입니다 그 사람의 정보를 표시합니다 ..정보를 보여줄 divs를 붕괴시키는 divs

예.

"8"을 클릭하거나 "5"가 표시됩니다에

Total Number of People Enrolled    8 
Total Number of People Enrolled as Email 5

모든 "8"또는 새 페이지의 "5"사람 ..

지금 내가 원하는 것은 대신 값을 클릭이며 다른 페이지로 이동하면 값을 클릭 할 때 정보를 표시하고 펼칠 divs가 축소됩니다.

어떻게 그렇게 할 수 있습니까 ..?

예 :

Something like this

출처

2012-03-16 Vishal Suthar

원하는 것은 아코디언 제어입니다. 그물에는 많은 예제가 있으며 무료로 다운로드하여 사용할 수 있습니다. 오래 전에 우리 부서에서 사용했습니다. 즉, 원하는 결과를 얻으려면 jquery와 CSS를 모두 작성할 필요가 없습니다.

여기는 http://jqueryui.com/이며 Google에 문서 및 도움말이 많이 있습니다. 그러나 진지하게, 당신이 이것처럼 차가운 것을 원한다면, 당신과 그 커다란 학습 곡선이 아니라, 매우 흥미로운 것에서 약간의 노력이 있어야 할 것입니다.

출처

2012-03-16 10:35:29 Divi

당신이 어려움을 겪고 부분? 기본적으로 하위 레코드는 숨기고 부모를 클릭하면 토글됩니다.

A trivial example looks like this.

출처

2012-03-16 10:08:47 Henry

그것은 매우 까다로울 것입니다. –

@Vishal 왜 까다 롭습니다? – Henry

Ajax Control ToolKit의 HoverMenuExtender를 사용할 수 있습니다.

당신이 더 나은 답변을 얻을 것이다 데모는 아래의 링크로 이동합니다 Ajax Control ToolKit Samples

출처

2012-03-16 10:12:55

리디렉션 후에 처리가 필요하기 때문에이 기능이 작동하지 않습니다. 페이지 또는 패널에서 iframe이 열리는 것과 같은 것입니다. –

왜 ModalPopup 컨트롤이 있습니까? 데모를 확인하십시오 : [http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx]. 모든 컨트롤 데모를 확인하십시오. 나는 당신의 솔루션이 있다고 확신합니다. –

아니요. 페이지 리디렉션 또는 새 페이지에서 발생할 일이 필요합니다 ...이 코드를 이미 작성했기 때문에 전체 코드를 변경할 기회가 없습니다. –

글쎄, 헨리는 이미 당신에게있는 div 전환의 간단한 예제를 부여하고있다. 완벽한 솔루션을 가지고, 당신은 다른 선택

경우

을 가지고, 당신은 당신이 할 수있는 사용자 정보를 표시하는 기존의 페이지를 사용하려면 그 자식 DIV 안에 iframe이를로드하여.
또 다른 방법은 자식 div의 현재 페이지에 정보를로드하고 가시성 만 제어하는 것입니다.
처음 클릭 할 때 AJAX로 콘텐츠를 검색하여 하위 다이빙으로로드 할 수 있습니다.

출처

2012-03-16 10:26:46 VinayC

아니요. 페이지 리디렉션 또는 새 페이지에서 일어날 일이 필요합니다. 이미 이렇게 코딩했기 때문에 전체 코드를 변경할 기회가 없습니다. –

@VishalSuthar, # 1은 가장 혼란스럽지 않을 것입니다. 옵션을 선택하면 기존 팝업/세부 정보 페이지가 i- 프레임으로로드됩니다. 그러나 클릭당 iframe을로드하기 위해 원본 페이지를 변경해야합니다! – VinayC

정보를 보여줄 divs를 붕괴시키는 divs

답변

관련 문제