mp3s for you

div class="row">
div id="popupChangeMarks" class="modal">
!-- dialog contents -->
            div class="modal-body">
                div class="col-md-4">
                    div style="margin-bottom: 5px" class="input-group">
                        span class="input-group-addon">Student ID

function LoadChangeMarksPopup() {

    dialog = $("#popupChangeMarks").dialog({

        autoOpen: true,

        title: "Change Marks",

        width: 800,

        modal: true,

        closeOnEscape: false,

        open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog || ui).hide(); },

        buttons: {

            Save: function () {

             

                //arrr['wt'] = $("#drpWithdrawalType").val();

                UpdateMarks();

                dialog.dialog("close");

                LoadMarksByFetchStudentsToGrid();

            },

            Cancel: function () {

            

                dialog.dialog("close");

                $("#txtMarks").val("");

            }

        },

        close: function () {

        }

    });

    dialog.dialog("open");

}

--------------------------------------------
function LoadChangeMarksDetails()
{
    var theGrid = $('#tblMarks'), rowID = theGrid.jqGrid('getGridParam', 'selrow'), value = theGrid.jqGrid('getCell', rowID, 'Student_M_ID');
    $("#txtStudentID").val(value);

    var theGrid = $('#tblMarks'), rowID = theGrid.jqGrid('getGridParam', 'selrow'), value = theGrid.jqGrid('getCell', rowID, 'Test_M_ID');
    $("#txtTestID").val(value);

    var theGrid = $('#tblMarks'), rowID = theGrid.jqGrid('getGridParam', 'selrow'), value = theGrid.jqGrid('getCell', rowID, 'Mark');
    $("#txtMarks").val(value);
}


function initGrid() {

    jQuery("#tblMarks").jqGrid({
        datatype: "json",
        colNames: [ 'Student ID', 'Name', 'Marks', 'Test ID'],
        colModel: [

            //{ name: 'School', index: 'School', align: "center", hidden: false, editable: false },
            { name: 'Student_M_ID', index: 'Student_M_ID', align: "center", hidden: false, editable: false },
            { name: 'Name', index: 'Name', align: "center", hidden: false, editable: false },
            { name: 'Mark', index: 'Mark', align: "center", hidden: false, editable: true },
            { name: 'Test_M_ID', index: 'Test_M_ID', align: "center", hidden: true, editable: true },

        ],
        pgbuttons: true,
        rowList: [],
        pgtext: null,
        pager: jQuery('#tblMarks-Pager'),
        viewrecords: true,
        sortorder: "asc",
        autowidth: true,
        height: "100%",
        hiddengrid: false,
        caption: "Student Marks",
        cellEdit: false,
        shrinkToFit: true,
        cellsubmit: 'clientArray',
        onSelectRow: function () {

            // retrieveFmssFirstInspectionDetails();
            //$("#ques").show();

            // $("#tb").addClass("tab-pane");
        },
        ondblClickRow: function () {

           // alert(value);
            LoadChangeMarksPopup();
            LoadChangeMarksDetails();
        }
    });

}