Question

I’m creating a gridview dynamically based on number of users selected but want to add detail when a specific cell of the gridview is hovered over/clicked. For instance if the logons of User1 was hovered over/clicked it would create a popup or another window with the details of logon times pulled from the database. TIA

Answer 1

There are plenty of jQuery plug-ins that will do want you want client-side like QTip or jQuery UI’s dialog. Where you can combine them with an Ajax call to pull whatever data you want.

EDIT: For information to send back client-side, you could use a hidden input to hold the information you need:

<td class="userId">
    <input type="hidden" class="userId" value="<%# Eval("userId") %>">
</td>

Then access it with jQuery (sample):

$("td.userId").click(function() {
    var userId = $(this).find(".userId").val();
    // use userId for ajax call.
});

EDIT 2: If you’re dynamically generating the grid server-side, you can add an HtmlInputHidden to the grid cell wherever you’re creating your cells:

var hidden = new HtmlInputHidden();
hidden.Attributes.Add("class", "userId");
hidden.Value = something.userId.ToString();