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 相关文章推荐
json跟xml的对比分析
Jun 10 Javascript
jQuery 跨域访问问题解决方法
Dec 02 Javascript
浅谈javascript中自定义模版
Jan 29 Javascript
jquery实现的缩略图预览滑块实例
Jun 25 Javascript
使用node+vue.js实现SPA应用
Jan 28 Javascript
JavaScript新增样式规则(推荐)
Jul 19 Javascript
javaScript+turn.js实现图书翻页效果实例代码
Feb 16 Javascript
mac上node.js环境的安装测试
Jul 03 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
微信公众号网页分享功能开发的示例代码
May 27 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
使用Canvas绘制一个游戏人物属性图
Mar 25 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
火影忍者:三大瞳力之一的白眼,为什么没有写轮眼那么出色?
2020/03/02 日漫
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
CI框架自动加载session出现报错的解决办法
2014/06/17 PHP
php读取远程gzip压缩网页的方法
2014/12/29 PHP
Ubuntu下安装PHP的mongodb扩展操作命令
2015/07/04 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
js 绑定带参数的事件以及手动触发事件
2010/04/27 Javascript
jquery得到font-size属性值实现代码
2013/09/30 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
JavaScript中模拟实现jsonp
2015/06/19 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
2016/04/05 Javascript
获取jqGrid中选择的行的数据
2016/11/30 Javascript
jquery滚动条插件(可以自定义)
2016/12/11 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
jQuery pagination分页示例详解
2018/10/23 jQuery
js的Object.assign用法示例分析
2020/03/05 Javascript
多种类型jQuery网页验证码插件代码实例
2021/01/09 jQuery
python实现dict版图遍历示例
2014/02/19 Python
Python re模块介绍
2014/11/30 Python
python使用cStringIO实现临时内存文件访问的方法
2015/03/26 Python
利用一个简单的例子窥探CPython内核的运行机制
2015/03/30 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
CSS3 画基本图形,圆形、椭圆形、三角形等
2016/09/20 HTML / CSS
意大利独特而优质的家居用品:Fazzini
2018/12/05 全球购物
Lime Crime官网:美国一家主打梦幻精灵系的彩妆品牌
2019/03/22 全球购物
大学生两会精神学习心得体会
2014/03/10 职场文书
村干部群众路线教育活动对照检查材料
2014/10/01 职场文书
公司租房协议书
2014/10/14 职场文书
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
十大最强岩石系宝可梦,怪颚龙实力最强,第七破坏力很强
2022/03/18 日漫
“鬼灭之刃”热度不减,其成功背后的原因是什么?
2022/03/22 日漫