Posted by : sinhalamp3 Monday, June 13, 2016


$(document).ready(function () {

    $("#btn-save-student").click(SaveStudent);
    initGrid();
    LoadStudentsToGrid();
});


function CallServer(Method, Param, onSuccess) {
    $.ajax({
        type: "POST",
        url: "Student.aspx/" + Method,
        data: Param,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (result) {
            if (result.d == 'SumErr' || result.d == 'MErr' || result.d == 'OnlineErr') {
                onSuccess(result.d);
            }
            else {
                if ((typeof result.d) == 'string' ? eval('(' + result.d + ')') : result.d) {
                    var models = (typeof result.d) == 'string' ? eval('(' + result.d + ')') : result.d;
                    onSuccess(models);
                }
                else {
                    onSuccess(result.d);
                }
            }

        },
        fail: function (msg) { alert(msg); },
        error: function (xhr, ajaxOptions, thrownError) {
       
        }

    });
}

function SaveStudent()
{
    var studentArr = {};
    studentArr["StudentID"] = $("#txt-student_id").val();
    studentArr["Fname"] = $("#txt-first-name").val();
    studentArr["Lname"] = $("#txt-last-name").val();

    var Param = "{'student':" + JSON.stringify(studentArr) + "}";
    CallServer('SaveStudent', Param, SaveStudentMessage);

}

function SaveStudentMessage()
{
    alert("Success !");
}



function initGrid() {


    jQuery("#tbl-students").jqGrid({
        datatype: "json",
        colNames: ['ID','Student ID', 'First Name', 'Last Name'],
        colModel: [
            { name: 'Id', index: 'Id', align: "center", hidden: true, editable: false },
            { name: 'StudentID', index: 'StudentID', align: "center", hidden: false, editable: false },
            { name: 'Fname', index: 'Fname', align: "center", hidden: false, editable: false },
            { name: 'Lname', index: 'Lname', align: "center", hidden: false, editable: false },
           
        ],
        pgbuttons: false,
        rowList: [],
        pgtext: null,
        pager: jQuery('#tbl-students-Pager'),
        viewrecords: true,
        sortorder: "asc",
        autowidth: true,
        height: "100%",
        hiddengrid: false,
        caption: "Student Details",
        cellEdit: false,
        shrinkToFit: true,
        cellsubmit: 'clientArray',
        gridview: true,
        autoencode: true,

        onSelectRow: function () {

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

            // $("#tb").addClass("tab-pane");
        },
    });

}


function LoadStudentsToGrid() {

    CallServer('LoadStudentDetails', '', LoadGrid);
}


function LoadGrid(inputParam) {
    if (inputParam.length > 0) {
        $("#tb").show();

        var grid = $("#tbl-students");

        var gridData = inputParam;
        // alert(gridData.length);
        grid.clearGridData();
        for (var i = 0; i < gridData.length; i++)
            grid.addRowData(i + 1, gridData[i]);
    } else {
        $("#tb").show();
        // $("#tb").hide();
    }

}



function GetStudentByRowSelect() {
    //Getting the fmss request item ID of the selected row
    var grid = jQuery('#tbl-students');
    var sel_id = grid.jqGrid('getGridParam', 'selrow');

    var id = grid.jqGrid('getCell', sel_id, 'Id');
    var Student_ID = grid.jqGrid('getCell', sel_id, 'StudentID');
    var Fname = grid.jqGrid('getCell', sel_id, 'Fname');
    var Lname = grid.jqGrid('getCell', sel_id, 'Lname');
    alert(id);

    $("#txt-student_id").val(Student_ID);
    $("#txt-first-name").val(Fname);
    $("#txt-last-name").val(Lname);

}

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Popular Post

Blogger templates

lakshika345@gmail.com. Powered by Blogger.

- Copyright © mp3s for you -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -