I have a webhierarchicaldatagrid and on its first cell mouse hover I want a small popup to open which has three links: Edit, Copy, and View. By clicking on these links I navigate to another page where the values for that row are already populated. I have used jquery to open the popup but I want to pass all the columns for that row as parameter to the jquery function so that these values are again passed as paramater to another page. How can I do that ? Here is my sample:

The template column :

 <Columns>
                <ig:TemplateDataField Key="Proj_Type_ID">
                    <ItemTemplate>
                       <a href="#" style="font-size:small" class="alertLink"   ><%# DataBinder.Eval(((Infragistics.Web.UI.TemplateContainer)Container).DataItem, "Proj_Type_ID") %></a>
                       
                    </ItemTemplate>
                    <Header Text="Proj_Type_ID" />
                </ig:TemplateDataField>

Jquery function :

 <script type="text/javascript">

         $(document).ready(function () {

             $('.alertLink').hover(function (e) {
                 var mouseFromLeft = e.pageX;
                 var mouseFromTop = e.pageY;
                 var content = new Object();
              
                 content.link_Edit = '<a href="Home_Edit.aspx? ">Edit</a>';
                 content.link_Copy = '<a href="Home_Edit.aspx">Copy</a>';
                 content.link_View = '<a href="Home_Edit.aspx">View</a>';

                 var header = $('<div />').addClass('cAlertHeader').text('Project Details');

                 var content = $('<div />').addClass('cAlertContent').html(content.link_Edit + " " + content.link_Copy + "  " + content.link_View);

                 $('<div />').attr('id', 'myAlertBox').addClass('cAlert').css({ 'top': mouseFromTop, 'left': mouseFromLeft }).append(header).append(content).appendTo('body');

                 $('#myAlertBox').fadeIn('slow');
             });
         });

        </script>