jquery增加时编辑jqGrid(实例代码)
2013-11-08 00:00
561 查看
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: '选择' }); } } }); };
相关文章推荐
- jquery增加时编辑jqGrid(实例代码)
- (Jquery功能篇) JqGrid表单控件实例代码
- jquery动态增加text元素以及删除文本内容实例代码
- jquery动态增加删除控件实例代码
- jquery动态增加text元素以及删除文本内容实例代码
- jQuery实现可编辑表格并生成json结果(实例代码)
- Jquery增加鼠标中间功能mousewheel的实例代码
- Jquery增加鼠标中间功能mousewheel的实例代码
- jquery实现文字由下到上循环滚动的实例代码
- JQuery 动态生成Table表格实例代码
- jQuery选择器代码详解(五)——实例说明tokenize的解析过程
- JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
- jquery删除table当前行的实例代码
- jQuery实现点击弹出背景变暗遮罩效果实例代码
- 转 jQuery(图片、相册)插件代码实例
- 用jquery生成二级菜单的实例代码
- jQuery实现div随意拖动的实例代码(通用代码)
- 简单的Jquery遮罩层代码实例
- 使用jquery实现div的tab切换实例代码
- 用jquery生成二级菜单的实例代码