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 相关文章推荐
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
Jan 03 Javascript
编写针对IE的JS代码两种编写方法
Jan 30 Javascript
Extjs407 getValue()和getRawValue()区别介绍
May 21 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
javascript判断数组内是否重复的方法
Apr 21 Javascript
JavaScript严格模式详解
Nov 18 Javascript
js下将金额数字每三位一逗号分隔
Feb 19 Javascript
浅谈JS原生Ajax,GET和POST
Jun 08 Javascript
bootstrap table实例详解
Jan 06 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
Aug 29 Javascript
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 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
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
PHP图片验证码制作实现分享(全)
2012/05/10 PHP
比较搞笑的js陷阱题
2010/02/07 Javascript
ExtJS 工具栏 分页事件参数
2010/03/05 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
script的async属性以非阻塞的模式加载脚本
2013/01/15 Javascript
wap浏览自动跳转到wap页面的js代码
2014/05/17 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
jquery实现华丽的可折角广告代码
2015/09/02 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
layui 表格的属性的显示转换方法
2018/08/14 Javascript
3分钟读懂移动端rem使用方法(推荐)
2019/05/06 Javascript
js实现秒表计时器
2019/12/16 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
wxPython中文教程入门实例
2014/06/09 Python
Python简单进程锁代码实例
2015/04/27 Python
python实现指定字符串补全空格的方法
2015/04/30 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
python数组循环处理方法
2019/08/26 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
详解Python3.8+PyQt5+pyqt5-tools+Pycharm配置详细教程
2020/11/02 Python
会计岗位职责
2013/11/08 职场文书
酒店前台接待岗位职责
2013/12/03 职场文书
艺术设计专业个人求职信范文
2013/12/11 职场文书
秋季校运动会广播稿
2014/02/23 职场文书
青安岗事迹材料
2014/05/14 职场文书
2014年征兵标语
2014/06/20 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
css3带你实现3D转换效果
2022/02/24 HTML / CSS