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 相关文章推荐
extjs 学习笔记 四 带分页的grid
Oct 20 Javascript
js change,propertychange,input事件小议
Dec 20 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
三种Webpack打包方式(小结)
Sep 19 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
微信小程序动态显示项目倒计时
Jun 20 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
JS数组方法shift()、unshift()用法实例分析
Jan 18 Javascript
解决Vue @submit 提交后不刷新页面问题
Jul 18 Javascript
关于vue中如何监听数组变化
Apr 28 Vue.js
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
德生PL990的分析评价
2021/03/02 无线电
多重?l件?合查?(一)
2006/10/09 PHP
php开启与关闭错误提示适用于没有修改php.ini的权限
2014/10/16 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
解决laravel资源加载路径设置的问题
2019/10/14 PHP
jquery简单体验
2007/01/10 Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
2010/06/11 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
2014/09/25 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
2015/04/06 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
jQuery Validate 数组 全部验证问题
2017/01/12 Javascript
详谈DOM简介及节点、属性、查找节点的方法
2017/11/16 Javascript
layui在form表单页面通过Validform加入简单验证的方法
2019/09/06 Javascript
jQuery实现开关灯效果
2020/08/02 jQuery
jQuery实现回到顶部效果
2020/10/19 jQuery
[36:43]NB vs Optic 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
python字符串替换示例
2014/04/24 Python
每天迁移MySQL历史数据到历史库Python脚本
2018/04/13 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
python识别图像并提取文字的实现方法
2019/06/28 Python
浅谈python输出列表元素的所有排列形式
2020/02/26 Python
Python求解排列中的逆序数个数实例
2020/05/03 Python
Python判断远程服务器上Excel文件是否被人打开的方法
2020/07/13 Python
10个python爬虫入门实例(小结)
2020/11/01 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
欧洲领先的火车票和大巴票预订平台:Trainline
2018/12/26 全球购物
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
100%羊绒:NakedCashmere
2020/08/26 全球购物
医药销售自荐书
2014/05/29 职场文书
节约用水标语
2014/06/11 职场文书
体育馆的标语
2014/06/24 职场文书