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 相关文章推荐
用jquery ajax获取网站Alexa排名的代码
Dec 12 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
jquery.form.js用法之清空form的方法
Mar 07 Javascript
javascript实现可拖动变色并关闭层窗口实例
May 15 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
May 16 Javascript
jQuery购物网页经典制作案例
Aug 19 Javascript
vue2.0多条件搜索组件使用详解
Mar 26 Javascript
Vue集成Iframe页面的方法示例
Dec 12 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
Dec 03 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 Javascript
Vue 3.0 全家桶抢先体验
Apr 28 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
Oct 31 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
php查看session内容的函数
2008/08/27 PHP
PHP 危险函数全解析
2009/09/09 PHP
php Memcache 中实现消息队列
2009/11/24 PHP
PHP开发注意事项总结
2015/02/04 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
JQuery给元素添加/删除节点比如select
2013/04/02 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
javascript中类的定义方式详解(四种方式)
2015/12/22 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
2016/11/09 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
React Native基础入门之初步使用Flexbox布局
2018/07/02 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
2018/08/24 Javascript
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
javascript关于“时间”的一次探索
2019/07/24 Javascript
详解如何修改 node_modules 里的文件
2020/05/22 Javascript
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
Python 中的 else详解
2016/04/23 Python
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
Python实现查找二叉搜索树第k大的节点功能示例
2019/01/24 Python
django中使用POST方法获取POST数据
2019/08/20 Python
Python time库基本使用方法分析
2019/12/13 Python
python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法
2020/02/14 Python
Python正则表达式如何匹配中文
2020/05/27 Python
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
纯CSS3打造属于自己的“小黄人”
2016/03/14 HTML / CSS
计算机应用与科学个人的自我评价
2013/11/15 职场文书
汽车专业学生自我评价
2014/01/19 职场文书
《母鸡》教学反思
2014/02/25 职场文书
司仪主持词两篇
2014/03/22 职场文书
购房意向书
2014/04/01 职场文书
清明节演讲稿
2014/05/27 职场文书
国企干部对照检查材料
2014/08/22 职场文书
教导主任个人总结
2015/03/03 职场文书
长辈生日祝福语大全(72句)
2019/08/09 职场文书
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫