Viewing additional GridView columns on click with javascript?

Question

I'm trying to figure out how to select and view row details in my gridview. Basically I have a gridview with 9 columns, but 6 are hidden. When I click on a row, I want it to load those additional column values into my javascript so I can put them in a seperate table below. I feel like it's relatively simple but I'm just not understanding something and I was hoping I could be pointed in the right direction.

Here's some code I have if you need it.

<asp:GridView ID="BillabilityView" BackColor="White" runat="server" AutoGenerateColumns="false" CssClass="tbl">
    <columns> 
      <asp:boundfield datafield="UserName" headertext="User Name" /> 
      <asp:boundfield datafield="UserID" headertext="User ID" /> 
      <asp:boundfield datafield="HrsTLB" headertext="Billable Hours" /> 
      <asp:boundfield datafield="HrsTLNB" headertext="Nonbillable Hours" /> 
      <asp:boundfield datafield="HrsTL" headertext="Total Hours" /> 
      <asp:boundfield datafield="HrsExp" headertext="Expected Hours" /> 
      <asp:boundfield datafield="Billability" headertext="Billability" /> 
    </columns>
</asp:GridView>

I assume you have a datatable with 9 columns, but you are only binding 6 of them. Correct? — Jonathan Henson
– Jonathan Henson, Commented Jul 9, 2012 at 20:52

Jonathan Henson · Accepted Answer · 2012-07-09 20:19:51Z

1

One way, though using a post-back, would be to use the OnSelectedIndexChanged event. It will pass you the row information in the callback and you could process and rebind any data you need.

One quick and dirty way to do it without a postback is to add a button or something to the columns collection. Use the onclick event to pass whatever information you need to a javascript method. Since you are using databinding, you could just use the <% Eval('FieldName') %> where fieldname is a column in your datatable to pass the data to your function. Another option is to use the RowDataBoundFunction to add html and javascript to the rows to do what you need.

answered Jul 9, 2012 at 20:19

Jonathan Henson

8,2463 gold badges31 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Viewing additional GridView columns on click with javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related