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 相关文章推荐
juqery 学习之四 筛选过滤
Nov 30 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
了不起的node.js读书笔记之mongodb数据库交互
Dec 22 Javascript
JavaScript函数作用域链分析
Feb 13 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
Sep 17 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
关于vue-resource报错450的解决方案
Jul 24 Javascript
vue.js项目nginx部署教程
Apr 05 Javascript
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
jquery绑定事件 bind和on的用法与区别分析
May 22 jQuery
手机浏览器唤起微信分享(JS)
Oct 11 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
XAMPP安装与使用方法详细解析
2013/11/27 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
Laravel 自定命令以及生成文件的例子
2019/10/23 PHP
Prototype使用指南之selector.js说明
2008/10/26 Javascript
JavaScript prototype对象的属性说明
2010/03/13 Javascript
JavaScript高级程序设计 客户端存储学习笔记
2011/09/10 Javascript
SWFObject基本用法实例分析
2015/07/20 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
2016/08/24 Javascript
详解微信小程序设置底部导航栏目方法
2017/06/29 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
2018/06/20 jQuery
详解Vue取消eslint语法限制
2018/08/04 Javascript
layui表格数据重载
2019/07/27 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
简化Python的Django框架代码的一些示例
2015/04/20 Python
Python实现的简单算术游戏实例
2015/05/26 Python
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
使用python实现ANN
2017/12/20 Python
详解python字节码
2018/02/07 Python
TensorFlow模型保存/载入的两种方法
2018/03/08 Python
Python中的Numpy矩阵操作
2018/08/12 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
Python中Flask-RESTful编写API接口(小白入门)
2019/12/11 Python
如何基于线程池提升request模块效率
2020/04/18 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
如何用Matlab和Python读取Netcdf文件
2021/02/19 Python
Hurley官方网站:扎根于海滩生活方式的全球青年文化品牌
2020/05/18 全球购物
UNIX文件名称有什么规定
2013/03/25 面试题
一名毕业生的自我鉴定
2013/12/04 职场文书
2014年社区国庆节活动方案
2014/09/16 职场文书
2014财务人员自我评价范文
2014/09/21 职场文书
关于国庆节的广播稿
2015/08/19 职场文书