Pass jQuery grid value to c#

Question

I would like to pass the studentID from the jQuery code to the C# code function when user clicks on the View link, please advise.

    $(document).on("ready", function () {
        obj = {
            width: 940,
            height: 555,
            title: "Students List ",
        };
        obj.colModel = [
                          { 
                             dataIndx: 7, editable: false, sortable: false, title: "Password", width: 65, align: "center", resizable: false, dataIndx: "studentID", 
                             render: function (ui) 
                             {
                                 var rowData = ui.rowData, dataIndx = ui.dataIndx;
                                 var val = rowData[dataIndx];

                                 return "<a href='#" + rowData.studentID + "' style='text-decoration: underline;'>View</a>";

                             }, className: "checkboxColumn"
                          },
                          { title: "Student Name", width: 220, getEditCellData: saveCell, dataIndx: "studentName" },
                          { title: "Student ID", width: 120, getEditCellData: saveCell, dataIndx: "studentID" },
                       ];

        obj.dataModel = {
            dataType: "JSON",
            rPP: 20,
            sortDir: "down",
            rPPOptions: [1, 10, 20, 30, 40, 50, 100, 500, 1000],
            filterIndx: "",
            filterValue: ""
        };

        }); 

</script>

Grid

<asp:Content ID="Content2" ContentPlaceHolderID="PageTitlePlaceHolder" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder" runat="server">
    <div id="grid_table" style="margin: auto;"></div>

</asp:Content>

Answer 1

Suggest changing your anchor tag to this

<a href="javascript:void(0);" data-studentId=rowdata.studentID style='text-decoration: underline;' class='viewStudent' >View</a>

After that wire up the click event in jquery for the view button

$(document).ready(function() {
      $(".viewStudent").on("click", function() {
           .. do what you need to do here ..
      });
});

Here is a jsfiddle on how to do this

https://jsfiddle.net/8brpuo82/7/

Answer 2

Looks like you may be using web forms here - have you tried using a Hidden Field? Once you bind the anchor tag click event to a jQuery function:

ahh, I see GJohn beat me to it

... then you should be able to reference that ID within the Page response lifecycle, e.g., int studentID = hfStudentID.Value;