jqgrid编辑php,jquery增加时编辑jqGrid(实例代码)_jquery

function showTestSubjectGrid() {

$("#testSubjectGrid").jqGrid({

url: "",

datatype: "json",

height: 215,

width: 480,

caption: "测试科目",

autoheight: true,

autowidth: true,

scrollrows: false, // 是否显示行滚动条

multiselect: true, // 是否显示复选框

hidegrid: false, //取消Grid的收缩

postData: {

strJson: testsubjectData

},

colNames: ['', '测试科目', '开始时间', '结束时间', '场次', ],

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 = "";

var exam_endtime = "";

var exam_turn = "";

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: '选择'

});

$("#exam_endtime_" + testIds[i]).datepicker({

showOn: 'button',

buttonText: '选择'

});

}

}

});

};

本文原创发布php中文网，转载请注明出处，感谢您的尊重！