jquery增加时编辑jqGrid(实例代码)


Posted in Javascript onNovember 08, 2013
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: '选择'
                });
            }
        }
    });
};
Javascript 相关文章推荐
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
Apr 15 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
May 10 Javascript
用js实现in_array的方法
Nov 05 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
Jan 27 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
Dec 23 Javascript
angularJS实现动态添加,删除div方法
Feb 27 Javascript
微信小程序实现文字无限轮播效果
Dec 28 Javascript
react MPA 多页配置详解
Oct 18 Javascript
js实现橱窗展示效果
Jan 11 Javascript
JS闭包原理及其使用场景解析
Dec 03 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 #Javascript
iframe子父页面调用js函数示例
Nov 07 #Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 #Javascript
Checbox的操作含已选、未选及判断代码
Nov 07 #Javascript
js操作label给label赋值及取label的值示例
Nov 07 #Javascript
js实现幻灯片播放图片示例代码
Nov 07 #Javascript
JS实现定时页面弹出类似QQ新闻的提示框
Nov 07 #Javascript
You might like
thinkphp分页集成实例
2017/07/24 PHP
浅谈php://filter的妙用
2019/03/05 PHP
php数值计算num类简单操作示例
2020/05/15 PHP
jquery ajax abort()的使用方法
2010/10/28 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
jquery预加载图片的方法
2015/05/27 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
2016/04/05 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
JavaScript代码调试方法实例小结
2019/01/05 Javascript
阿望教你用vue写扫雷小游戏
2020/01/20 Javascript
如何基于viewport vm适配移动端页面
2020/11/13 Javascript
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
浅析Python中的多进程与多线程的使用
2015/04/07 Python
windows上安装Anaconda和python的教程详解
2017/03/28 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
关于python下cv.waitKey无响应的原因及解决方法
2019/01/10 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
Python中print和return的作用及区别解析
2019/05/05 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
使用Python第三方库pygame写个贪吃蛇小游戏
2020/03/06 Python
Pycharm学生免费专业版安装教程的方法步骤
2020/09/24 Python
世界上最大的艺术社区:SAA
2020/12/30 全球购物
remote接口和home接口主要作用
2013/05/15 面试题
计算机专业学生的自我评价
2013/12/15 职场文书
审计工作个人的自我评价
2013/12/25 职场文书
军训鉴定表自我鉴定
2014/02/13 职场文书
外贸员简历中的自我评价
2014/03/04 职场文书
驾驶员安全责任书
2014/07/22 职场文书
大学生见习报告范文
2014/11/03 职场文书
情感电台广播稿
2015/08/18 职场文书
Go使用协程交替打印字符
2021/04/29 Golang
Python pandas求方差和标准差的方法实例
2021/08/04 Python