实现jqgrid 行编辑,级联查询,并点击按钮保存

业务要求,直接在table里面修改数据,并保存到数据库。

级联查询主要是通过change事件来变化

点击出现行编辑:



$("#jqGrid").jqGrid(
                        {
                            url: "${pageContext.request.contextPath}/admin/tlocks_installTlocksList.action",
                            mtype: 'POST',
                            datatype: "json",
                            height: 350,
                            autowidth: true,
                            shrinkToFit: true,
                            rowNum: 10,
                            rowList: [10, 20, 30],
                            colNames: ['序号', 'PID编号', '类型', '楼栋', '单元', '门禁名称','操作'],
                            colModel: [{
                                name: "SID",
                                index: "SID",
                                key: true,
                                hidden: true
                            }, {
                                name: 'PID',
                                index: 'PID',
                            }, {
                                name: 'TYPE',
                                index: 'TYPE',
                                editable: true,
                                formatter:'select',
                                edittype:'select',
                                editoptions: {value:"0:单元门禁;1:公共门禁"},
                            },{
                                name: 'BUILDING',
                                index: 'BUILDING',
                                editable: true,
                                formatter:'select',
                                edittype:'select',
                                editoptions:{value:getBudiling()},
                            },{
                                name: 'UNIT',
                                index: 'UNIT',
                                editable: true,
                                formatter:'select',
                                edittype:'select',
                                editoptions:{value:getUnit()},
                            },{
                                name: 'NAME',
                                index: 'NAME',
                                editable:true,
                                edittype:"text",
                            },{
                                name: 'BU',
                                index: 'BU',
                            }],
                            sortname: 'sid',
                            rownumbers: true,
                            jsonReader: {
                                root: 'rows',
                                page: "page",
                                total: 'total',
                                records: "records",
                                repeatitems: false
                            },
                            pager: "#jqGrid_paper",
                            viewrecords:
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值