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 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
js 浏览器事件介绍
Mar 30 Javascript
js的正则test,match,exec详细解析
Jan 29 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
Vue.js 60分钟快速入门教程
Mar 28 Javascript
基于JavaScript实现的顺序查找算法示例
Apr 14 Javascript
Angular4的输入属性与输出属性实例详解
Nov 29 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
Feb 08 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 Javascript
浅谈JS对象添加getter与setter的5种方法
Jun 09 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 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模拟ping命令(php exec函数的使用方法)
2013/10/25 PHP
php实现TCP端口检测的方法
2015/04/01 PHP
Javascript 面向对象 命名空间
2010/05/13 Javascript
JQuery触发事件例如click
2013/09/11 Javascript
深入探密Javascript数组方法
2015/01/08 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
javascript中数组和字符串的方法对比
2016/07/20 Javascript
深入理解jQuery.data() 的实现方式
2016/11/30 Javascript
Bootstrap Table 搜索框和查询功能
2017/11/30 Javascript
JsonProperty 的使用方法详解
2019/10/11 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
简单的Apache+FastCGI+Django配置指南
2015/07/22 Python
各个系统下的Python解释器相关安装方法
2015/10/12 Python
详解appium+python 启动一个app步骤
2017/12/20 Python
Python使用jsonpath-rw模块处理Json对象操作示例
2018/07/31 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
2019/10/14 Python
Python tempfile模块生成临时文件和临时目录
2020/09/30 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
python和C++共享内存传输图像的示例
2020/10/27 Python
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
Ruby如何实现动态方法调用
2012/11/18 面试题
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
市场拓展计划书
2014/05/03 职场文书
房地产开发项目建议书
2014/05/16 职场文书
学用政策心得体会
2014/09/10 职场文书
信访工作汇报材料
2014/10/27 职场文书
务虚会发言材料
2014/12/25 职场文书
在校证明模板
2015/06/17 职场文书
行政处罚告知书
2015/07/01 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏