$(document).ready(function () {
var lastSelectedId;
var grid = $("#employee");
$("#employee").jqGrid({
datatype: function (postdata) {
$.ajax({
url: "EmployeeDetails.aspx/getEmployeeDetails",
type: "POST",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(postdata),
dataType: "json",
success: function (data, st) {
if (st == "success") {
var grid = $("#employee")[0];
grid.addJSONData(JSON.parse(data.d));
}
},
error: function () {
alert("YOU DID MISTAKE");
}
});
},
colNames: ['Empid', 'FirstName', 'LastName', 'MiddleName', 'Gender', 'DateOfBirth', 'MobileNo', 'EmailId', 'Adress', 'Country', 'State', 'District', 'zip'],
colModel: [{ name: 'Empid', index: 'EmpId',key: true, hidden: true, width: 50, sorttype: "int", align: 'left', sortable: true, editable: true},
{ name: 'FirstName', index: 'FirstName', width: 150, sorttype: "string", align: 'left', sortable: true, editable: true,
editrules: {}, formoptions: { rowpos: 2, colpos: 1 }
},
{ name: 'LastName', index: 'LastName', width: 150, sorttype: "string", align: 'left', sortable: true, editable: true,
editrules: {}, formoptions: { rowpos: 3, colpos: 1 }
},
{ name: 'MiddleName', index: 'MiddleName', width: 150, sorttype: "string", align: 'left', sortable: true, editable: true,
editrules: {}, formoptions: { rowpos: 4, colpos: 1 }
},
{ name: 'Gender', index: 'Gender', width: 50, sorttype: "string", align: 'left', sortable: true, editable: true, edittype: 'text', editoptions: { maxlength: "20" },
editrules: { required: true, edithidden: true }, formoptions: { rowpos: 5, colpos: 1 }
},
{ name: 'DateOfBirth', index: 'DateOfBirth', width: 75,
formatter: 'date', srcformat: 'yyyy-mm-dd', newformat: 'm-d-Y', edittype: 'text', editable: true, editoptions: { dataInit: function (el) { setTimeout(function () { $(el).datepicker(); }, 200); } }
},
{ name: 'MobileNo', index: 'MobileNo', width: 150, sorttype: "string", align: 'left', sortable: true, editable: true, edittype: 'text', editoptions: { maxlength: "20" },
editrules: { edithidden: true }, formoptions: { rowpos: 7, colpos: 1 }
},
{ name: 'EmailId', index: 'EmailId', width: 150, sorttype: "string", align: 'left', sortable: true, editable: true,
editrules: { edithidden: true }, formoptions: { rowpos: 2, colpos: 2 }
},
{ name: 'Adress', index: 'Adress', width: 100, sorttype: "string", align: 'left', sortable: true, editable: true, edittype: 'text', editrules: { required: true, edithidden: true }, formoptions: { rowpos: 3, colpos: 2 }
},
{ name: 'Country', index: 'Country', width: 100, sorttype: "string", align: 'left', sortable: true, editable: true,
editrules: { edithidden: true }, formoptions: { rowpos: 4, colpos: 2 }
},
{ name: 'State', index: 'State', width: 100, sorttype: "string", align: 'left', sortable: true, editable: true, edittype: 'text', editoptions: { maxlength: "10" },
editrules: { edithidden: true }, formoptions: { rowpos: 1, colpos: 2 }
},
{ name: 'District', index: 'District', width: 100, sorttype: "string", align: 'left', sortable: true, editable: true, edittype: 'text', editoptions: { maxlength: "10" },
editrules: { edithidden: true }, formoptions: { rowpos: 6, colpos: 2 }
},
{ name: 'zip', index: 'Zip', width: 50, sorttype: "string", align: 'left', sortable: true, editable: true,
editrules: { edithidden: true }, formoptions: { rowpos: 5, colpos: 2 }
}],
rowNum: 10,
mtype: 'GET',
loadonce: true,
rowList: [10, 20, 30],
pager: '#employeepager',
sortname: 'EmpId',
viewrecords: true,
sortorder: 'desc',
editurl: "EmployeeDetails.aspx/updateemployeedetails"
}),
$.extend($.jgrid.edit, {
closeOnEscape: true,
closeAfterEdit: true,
closeAfterAdd: true,
reloadAfterSubmit: false,
recreateForm: true,
datatype: "json",
ajaxEditOptions: { contentType: "application/json" },
serializeEditData: function (postData) {
return JSON.stringify(postData)
}
});
$.extend($.jgrid.defaults, {
datatype: "json"
});
$.extend($.jgrid.del, {
delData: { ActionPage: 'TransportType', Action: 'Delete' },
reloadAfterSubmit: false,
closeOnEscape: true
});
$.extend($.jgrid.search, {
multipleSearch: true,
recreateFilter: true,
closeOnEscape: true,
overlay: false
});
$('#employee').jqGrid('navGrid', '#employeepager',
{
key:true,
edit: true,
add: true,
del: true,
search: true,
searchtext: "Search",
addtext: "Add",
edittext: "Edit",
deltext: "Delete",
editCaption: 'Edit Employee',
viewrecords: true,
gridview: true
}
);
});