jQueryUI Accordion에 동적 내용 추가하기

Question

여기에 몇 가지 질문이 있지만, 오래된 것 같아 다가오는 기능을 참조하기 때문에 이러한 질문이 제기 되었기 때문에이 작업이 완료되었는지 궁금합니다.

I는 다음과 같다 테이블이 있습니다

ID Category       Provision 
1 Plan Highlights     Annual Maximum 
2 Plan Highlights     Lifetime Maximum 
16 Benefits - Preventive   Routine Preventive Care - Child 
17 Benefits - Preventive   Routine Preventive Care - Adult 
18 Benefits - Preventive   Immunizations - Child 
22 Benefits - Physician Services Primary Care Physican (PCP) Office Visit 
23 Benefits - Physician Services Specialty Care Physican Office Visit 
24 Benefits - Physician Services Surgery Performed in Physician's Office 

내가 뭘하려는 것은 헤더 등의 카테고리와 아코디언을 생성하고, 각 아코디언 탭에 내가와있는 gridview를 배치 할 해당 카테고리에 할당 된 모든 규정 목록. 문제는 카테고리가 사용자의 선택에 따라 변경되며 조항이 동일한 선택에 따라 변경된다는 것입니다.

중요한 경우 SQL Server 백 엔드를 사용하고 있습니다.

그래서 각 아코디언 제목을 동적으로 추가 할 수 있는지 ("Select DISTINCT Category"쿼리에서 이름을 가져올 수 있는지), 아코디언 패널에 gridview를 추가하고 gridview를 채 웁니다. "DISTINCT 프로비저닝"쿼리를 데이터 소스로 선택). 이것을 처리하기 위해 아코디언에 내장 된 기능이 있습니까? 그렇지 않다면 샘플 코드를 찾을 수있는 곳이 있습니까?

Answer 1

요소에 추가되어 조작 할 수있는 클래스를 제외하고는 아코디언에 특별한 것은 없습니다.

<div id="myAccordion"> 
    <h3 id="myHeader1">Header 1</h3> 
    <div>Stuff</div> 
    <h3 id="myHeader2">Header 2</h3> 
    <div>More Stuff</div> 
</div> 

최소 jQuery를 : :이 작업 아코디언 작성하는 데 필요한 최소한의 마크 업입니다

$('#myAccordion').accordion(); 

동적 헤더를 추가하는 것은 간단하다 : 당신에 관해서는

$('#myAccordion') 
.append('<h3 id="myHeader3">Header 3</h3><div>Still More Stuff</div>') 
.accordion(); 

" gridview ": 작업중인 gridview의 종류가 무엇이든 결과가 HTML 표인 경우 h3 아래의 div에 추가해야합니다. 필자가 헤더에 대해 제공 한 예제와 milar fashion을 비교하고 accordion() 함수를 호출합니다.

태그가 제안하는대로 ASP.Net GridView로 작업하는 경우 this 게시물을 통해이 지점에 도달하는 데 필요한 정보를 얻을 수 있습니다.