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 相关文章推荐
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
js读写(删除)Cookie实例详解
Apr 17 Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
Feb 21 Javascript
vue input输入框模糊查询的示例代码
May 22 Javascript
解决vue的过渡动画无法正常实现问题
Oct 31 Javascript
原生js实现点击轮播切换图片
Feb 11 Javascript
vue实现带过渡效果的下拉菜单功能
Feb 19 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
May 19 Javascript
ES6扩展运算符和rest运算符用法实例分析
May 23 Javascript
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
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实现将MySQL重复ID二维数组重组为三维数组的方法
2016/08/01 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
通过源码解析Laravel的依赖注入
2018/01/22 PHP
input按钮的事件处理大全
2010/12/10 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
JS画5角星方法介绍
2013/09/17 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
javascript使用闭包模拟对象的私有属性和方法
2016/10/05 Javascript
js 调用百度分享功能
2017/02/27 Javascript
js中删除数组中的某一元素实例(无下标时)
2017/02/28 Javascript
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
2020/07/17 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
[02:05]2014DOTA2国际邀请赛 BBC外卡赛赛后总结
2014/07/09 DOTA
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
Python3读取文件常用方法实例分析
2015/05/22 Python
Python基于滑动平均思想实现缺失数据填充的方法
2019/02/21 Python
python自动发邮件总结及实例说明【推荐】
2019/05/31 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
CSS3的常见transformation图形变化用法小结
2016/05/13 HTML / CSS
捷克浴室和厨房设备购物网站:SIKO
2018/08/11 全球购物
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
项目经理任命书内容
2014/06/06 职场文书
2015年大学生工作总结
2015/04/21 职场文书
工程项目合作意向书
2015/05/08 职场文书
2015年行政人事工作总结
2015/05/21 职场文书
在职证明书模板
2015/06/15 职场文书
餐馆开业致辞
2015/08/01 职场文书
高效笔记技巧分享:学会这些让你不再困扰
2019/09/04 职场文书
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS
Python装饰器的练习题
2021/11/23 Python
Python代码实现双链表
2022/05/25 Python
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server