パーソナライズされたアコーディオン（マスター詳細のリストのようなもの）

Question

最初のペインにレコードのリスト （例：ユーザー）を持つAccordion Ajaxコントロールを作成する必要があります。 Webユーザーがその1つをクリックすると、他のペインにはこのユーザーの詳細が表示されます。 たとえば、最初のレコードをクリックすると、Pane2にLifeDetails、Pane3にHomeDetails、Pane4にJobDetailsなどが設定されます。

誰もがこれを実現する方法を知っていますか？

ありがとうございます。私はhttp://docs.jquery.com/UI/Accordionとhttp://pjax.heroku.com/を使用してこの問題を解決しようとする

ルイージ

Answer 1

...

マークアップのために

<div id="accordion"> 
     <h3><a href="#">pane1</a></h3> 
     <div> 
      <ul id="persons"> 
       <li><a href="person1.aspx">Person 1</a></li> 
       <li><a href="person2.aspx">Person 2</a></li> 
       <li><a href="person3.aspx">Person 3</a></li> 
      </ul> 
     </div> 
     <h3><a href="#">Life Details</a></h3> 
     <div> 
      Some content here 
     </div> 
     <h3><a href="#">Home Details</a></h3> 
     <div> 
      Some content here 
     </div> 
     <h3><a href="#">Job Details </a></h3> 
     <div> 
      Some content here 
     </div> 
</div> 

の線に沿って何か。次に、あなたのJavaScriptが

<script src="jquery.min.js"></script> 
<script src="jquery.cookie.js"></script> 
<script src="jquery-ui.min.js"></script> 
<script src="jquery.pjax.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
      $("#accordion").accordion(); 
      $('.persons').pjax('#accordion'); 
    }); 
</script> 

のようなものであるべきで、あなたのASPXであなたは（xhr.setRequestHeader('X-PJAX', 'true')を参照）HTTP_X_PJAXヘッダをチェックし、それが存在だ場合、あなただけの、マスターページなし（選択した項目のちょうど<div id="accordion">をレンダリングdiv）、存在しない場合は、ページ全体をレンダリングします（Masterpageで）。