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 面向对象编程基础:封装
Aug 21 Javascript
基于jQuery的左右滚动实现代码
Dec 03 Javascript
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
Javascript进制转换实例分析
May 14 Javascript
Nginx上传文件全部缓存解决方案
Aug 17 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
详解JavaScript常量定义
Jan 03 Javascript
node跨域请求方法小结
Aug 25 Javascript
详解使用create-react-app添加css modules、sasss和antd
Jul 31 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
May 28 Javascript
微信小程序实现吸顶效果
Jan 08 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和JavaScrip分别获取关联数组的键值示例代码
2013/09/16 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
php集成开发环境详解
2019/09/24 PHP
Javascript 判断客户端浏览器类型代码
2010/03/01 Javascript
JS保存、读取、换行、转Json报错处理方法
2013/06/14 Javascript
JavaScript修改浏览器tab标题小技巧
2015/01/06 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
完美实现八种js焦点轮播图(下篇)
2020/04/20 Javascript
jquery Ajax 全局调用封装实例详解
2017/01/16 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
2017/04/03 jQuery
webpack+react+antd脚手架优化的方法
2018/04/02 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
2018/05/21 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
Python实现的几个常用排序算法实例
2014/06/16 Python
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
python实现朴素贝叶斯分类器
2018/03/28 Python
对Python生成汉字字库文字,以及转换为文字图片的实例详解
2019/01/29 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
python多线程与多进程及其区别详解
2019/08/08 Python
PyTorch中permute的用法详解
2019/12/30 Python
python如何求圆的面积
2020/07/01 Python
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
2013/06/09 HTML / CSS
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
广州喜创信息技术有限公司JAVA软件工程师笔试题
2012/10/17 面试题
新闻专业个人自我评价
2013/09/21 职场文书
大二自我鉴定
2014/01/31 职场文书
工商治理实习生的自我评价分享
2014/02/20 职场文书
2014社区三八妇女节活动总结
2014/03/01 职场文书
班风口号
2014/06/18 职场文书
写得不错的求职信范文
2014/07/11 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书
sass 常用备忘案例详解
2021/09/15 HTML / CSS