时间:2021-05-26
复制代码 代码如下:
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 = "<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: '选择'
});
$("#exam_endtime_" + testIds[i]).datepicker({
showOn: 'button',
buttonText: '选择'
});
}
}
});
};
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了jqgrid实现简单的单行编辑功能的具体代码,供大家参考,具体内容如下1.html代码2.script代码varlastId;//行编辑时用
ColModel是jqGrid里最重要的一个属性,设置表格列的属性。用法:Java代码:复制代码代码如下:jQuery("#gridid").jqGrid({.
1.添加multiselect:true2.获取选择行的值复制代码代码如下:varrowData=jQuery('#List').jqGrid('getGrid
jqGrid是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。一、要引用的文件要使用jqGrid,
jqGrid是一款基于jQuery的功能强大的表格插件,使用jqGrid可以轻松实现前端页面与后台数据进行ajax异步通信,jqGrid运行速度相当快,可以很好