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 相关文章推荐
JavaScript 实现??打印?理
Apr 28 Javascript
jQuery 中$(this).index与$.each的使用指南
Nov 20 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
Sep 20 Javascript
Javascript vue.js表格分页,ajax异步加载数据
Oct 24 Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 Javascript
使用ionic切换页面卡顿的解决方法
Dec 16 Javascript
AngualrJs清除定时器遇到的坑
Oct 13 Javascript
vue 利用路由守卫判断是否登录的方法
Sep 29 Javascript
ES6入门教程之let、const的使用方法
Apr 13 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
Sep 09 Javascript
Vue组件通信中非父子组件传值知识点总结
Dec 05 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 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中显示数组与对象的实现代码
2011/04/18 PHP
PHP分多步骤填写发布信息的简单方法实例代码
2012/09/23 PHP
PHP实现恶意DDOS攻击避免带宽占用问题方法
2015/05/27 PHP
PHP一致性hash分布式算法封装类定义与用法示例
2018/08/04 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
javascript静态的url如何传递
2007/05/03 Javascript
javascript是怎么继承的介绍
2012/01/05 Javascript
js中判断用户输入的值是否为空的简单实例
2013/12/23 Javascript
jQuery实现多按钮单击变色
2014/11/27 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
jQuery实现验证码功能
2017/03/17 Javascript
如何使用Bootstrap 按钮实例详解
2017/03/29 Javascript
vue的diff算法知识点总结
2018/03/29 Javascript
使用Vue动态生成form表单的实例代码
2018/04/26 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
通过JS深度判断两个对象字段相同
2019/06/14 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
python获取图片颜色信息的方法
2015/03/18 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
基于Python绘制美观动态圆环图、饼图
2020/06/03 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
网站域名和主机:Domain.com
2019/04/01 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
说说在weblogic中开发消息Bean时的persistent与non-persisten的差别
2013/04/07 面试题
业务员岗位职责范本
2013/12/15 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
公司员工宿舍管理制度
2015/08/07 职场文书
2016年小学生迎国庆广播稿
2015/12/18 职场文书
小学大队委竞选口号
2015/12/25 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python