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调用webService远程访问出错的解决方法
May 21 Javascript
jQuery中val()方法用法实例
Dec 25 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
Feb 26 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
浅谈JavaScript中的this指针和引用知识
Aug 05 Javascript
jQuery倒计时代码(超简单)
Feb 27 Javascript
JS设置手机验证码60s等待实现代码
Jun 14 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 Javascript
iview同时验证多个表单问题总结
Sep 29 Javascript
Layui实现带查询条件的分页
Jul 27 Javascript
js实现简单页面全屏
Sep 17 Javascript
原生JavaScript实现留言板
Jan 10 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维护文件系统
2006/10/09 PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
php文件缓存方法总结
2016/03/16 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
js操作iframe父子窗体示例
2014/05/22 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
js检测iframe是否加载完成的方法
2015/11/26 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
2017/08/14 Javascript
Angular CLI 安装和使用教程
2017/09/13 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
微信web端后退强制刷新功能的实现代码
2018/03/04 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
Python3 max()函数基础用法
2019/02/19 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
python PyAutoGUI 模拟鼠标键盘操作和截屏功能
2019/08/04 Python
python使用turtle库绘制奥运五环
2020/02/24 Python
Python bisect模块原理及常见实例
2020/06/17 Python
浅析NumPy 切片和索引
2020/09/02 Python
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
基于HTML5的齿轮动画特效
2016/02/29 HTML / CSS
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
施工班组长岗位职责
2014/01/05 职场文书
司法局群众路线教育实践活动开展情况总结
2014/10/25 职场文书
小学思品教学反思
2016/02/20 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书