Expanding gridview's row.

Question

One of gridview's column is a "Content" column that can have few lines of text (it can be literal, textbox or label ).

In "default" mode i want it to show only the first line and a link button: "(more)" or "(read)".

Clicking on this link should expand the column and display full content.

What is the best way to do this?

Answer 1

Selecting first 10 characters of content text and using it as your link's text is better aproach. This will reduce size of data that retrieved from database like that :

SELECT ContentId, SUBSTRING(Content, 0, 10) AS Content
FROM ContentTable;

Then you can use template column for this column that includes a label and a link. Lbel for the description text, link for the details.

<asp:TemplateColumn>

   <ItemTemplate>
      <asp:Label
           Text='<%# Eval("Content") %>'
           runat="server"/>
      <a href='<%# Eval("ContentId", "contentdetails.aspx?id={0}") %>'>More</a>
   </ItemTemplate>

</asp:TemplateColumn>

Answer 2

This will help you.

http://www.asp.net/community/control-gallery/Item.aspx?i=1465

Answer 3

try this. http://mosesofegypt.net/post/BuildingjQueryAndASPNetAJAXEnabledControlsjQueryCollapsiblePanelExtenderPart2.aspx