function showTestSubjectGrid() {
$("#testSubjectGrid").jqGrid({
url: "",
datatype: "json",
height: 215,
width: 480,
caption: " The test subjects ",
autoheight: true,
autowidth: true,
scrollrows: false, //Whether to display a row scroll bar
multiselect: true, //Whether to display check boxes
hidegrid: false, //Unshrink the Grid
postData: {
strJson: testsubjectData
},
colNames: ['', ' The test subjects ', ' The start time ', ' The end of time ', ' session ', ],
colModel: [
{
name: 'data',
index: 'data',
hidden: true
}, {
name: 'display_content',
index: 'display_content',
width: 100,
editable: true,
align: 'left'
}, {
name: 'exam_startTime',
index: 'exam_startTime',
width: 110,
editable: true,
align: 'center'
}, {
name: 'exam_EndTime',
index: 'exam_EndTime',
width: 110,
editable: true,
align: 'center'
}, {
name: 'exam_turn',
index: 'exam_turn',
width: 110,
editable: true,
align: 'center'
}],
jsonReader: {
root: "rows",
repeatitems: false,
id: "data"
},
gridComplete: function () {
var testIds = $("#testSubjectGrid").jqGrid("getDataIDs");
for (var i = 0; i < testIds.length; i++) {
var cid = testIds[i];
var exam_begintime = "<input type='text' name='exam_begintime_" + testIds[i] + "' id='exam_begintime_" + testIds[i] + "'/>";
var exam_endtime = "<input type='text' name='exam_endtime_" + testIds[i] + "' id='exam_endtime_" + testIds[i] + "'/>";
var exam_turn = "<input type='text' name='exam_turn_" + testIds[i] + "' id='exam_turn_" + testIds[i] + "'/>";
jQuery("#testSubjectGrid").jqGrid('setRowData', cid, { exam_startTime: exam_begintime });
jQuery("#testSubjectGrid").jqGrid('setRowData', cid, { exam_EndTime: exam_endtime });
jQuery("#testSubjectGrid").jqGrid('setRowData', cid, { exam_turn: exam_turn });
$("#exam_begintime_" + testIds[i]).datepicker({
showOn: 'button',
buttonText: ' choose '
});
$("#exam_endtime_" + testIds[i]).datepicker({
showOn: 'button',
buttonText: ' choose '
});
}
}
});
};