title: How to access items of a .net collection using jquery in webforms
body: <p>Within an asp webform project I am making a call to a web service that returns a result collection as follows. </p>
  
  <p>Pseudo code return of collection </p>
  
  <pre><code>content (items are key value pair) 
   ID, 001
   Title , My Book
   DateCreated , 10/10/2011
   Author, JSmith
  </code></pre>
  
  <p>What I would like to do is on the initial return only display the title of the book in a data repeater and then once the user clicks on a detail display the remaining fields in a separate pane div container of the form. I've done this in the past with generic lists in Silverlight and in MVC however in this project I cannot use either. </p>
  
  <p>In conducting some research I have seen where people are using json to make similar calls. However I debugged with fiddler and I can see that entire collection is being returned to the UI  so it seems  I should be able to go directly at the collection vs making a new call back to the server? Within the UI I am not using asp:net controls but standard html to render the data in the data in the UI.  </p>
  
  <p>Example </p>
  
  <pre><code>&lt;div class="resultcontainer"&gt;
                      &lt;span class="labeltitle-small"&gt;Book Title&lt;/span&gt;&lt;br /&gt;
                      &lt;%= BookResults[0].Title %&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>I'm able to query and return the results however where I am stuck is the best approach to display what I'll refer to as secondary data for the associated record.</p>
  
  <p>I'd really appreciate any suggestions on how (from the client) to only show a view value of the collection and then once a record is selected have the other values displayed to the user. </p>
  
  <p>Thank you</p>