jqGrid增删改查显示——删除+nodejs后台

本篇文章只介绍jqGrid删除操作,希望能帮到大家~!有不正确的请指出!谢谢!微笑微笑

本篇文章代码在以下一篇代码基础上修改:
jqGrid显示:http://blog.csdn.net/tangjiarao/article/details/50454695


PS:行id冲突(行编辑有需要看看):

http://blog.csdn.net/tangjiarao/article/details/50461445


演示效果:



核心代码:

$(document).ready(function () {
        $.ajax({//先用ajax与后台交互获取要显示的数据
                    url: "/userFindAction",//与后台交互的url
                    type: "GET",//ajax提交方式
                    dataType: "json",//从服务器端返回的数据类型
                    success: function (data) {

                        //data是从服务器返回的json对象,其中result是我要显示的数据内容
                        window.datas = data.result;

                        //设置content-pager高度
                        $(".content-pager").height($(window).height() - 400);

                        //数据成功拿到后就渲染jqgrid
                        // 配置jqGrid的属性
                        jQuery("#jqGrid01").jqGrid({

                            data: datas,//从服务器拿来的数据
                            datatype: "local",//显示数据的方式,因为通过ajax拿到数据了,所以是本地的
                            jsonReader: {//描述json 数据格式的数组
                                repeatitems: false// 如果设为false,则jqGrid在解析json时,会根据name来搜索对应的数据元素(即可以json中元素可以不按顺序);而所使用的name是来自于colModel中的name设定。
                            },
                            height: $('.content-pager').height(), // Auto height step 2,
                            rowNum: 10,//在grid上初始显示记录条数
                            rowList: [10, 20, 30],//一个下拉选择框,用来改变显示记录数
                            colNames: ['userId', 'userName', 'accountName', 'accountPassword', 'roleType', 'schoolName', 'schoolClassName', 'active',''],//列显示名称,是一个数组对象
                            colModel: [//配置显示的列属性
                                /**
                                 *  对应后台返回数据datas中的userId
                                 *  hidden:控制该列不显示
                                 */
                                {name: 'userId', index: 'userId', width: 60,hidden:true},
                  
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值