zoukankan      html  css  js  c++  java
  • jqGrid怎么设置初始化页面时不加载数据(不向服务器请求数据)

      最近做一些表格一直用到jqGrid,今天遇到一个问题:

      1、就是页面加载的时候数据不显示,点击搜索才根据请求从服务器返回并显示内容。

      2、默认不从服务器请求数据(不然在开发者工具下会显示请求不到数据的报错)

      通常的解决方法就是直接给$("#jqGridTable").jqGrid({})套一个function,但个人感觉这并不是最好的方法。

      我建议可以用:

      (1). 初始化$("#jqGridTable").jqGrid({})的时候设置datatype: 'local',即:

    $("#grid").jqGrid({
        url:"http://localhost:8080/xxxx",
        datatype:"local"
    
    });

      (2)、当要加载数据的时候把datatype设置为json或者XML:

    $("#jqGridTable").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');

      实例:

    if(devOnlyId!=""){
        $("#gridTable").jqGrid('setGridParam', {
            datatype:'json',
            postData: { "queryBean.devOnlyId":devOnlyId }, page: 1
        }).trigger('reloadGrid');
    }else{
        $("#gridTable").jqGrid('setGridParam', {
            datatype:'json',
            postData: { "queryBean.devOnlyId":null }, page: 1
        }).trigger('reloadGrid');
    }; 

      数据只给了rows的数据时,jqGrid加载本地数据:

    //执行对象列表
    $("#executeObject_table").jqGrid({
        dataType:"local",
        width :450,
        height : 200,
        viewrecords: true, 
        multiselect: true, 
        colModel:[
            {index:'id',name:'id',hidden:true}
            ,{index : 'typename',name : 'typename',label : '<s:text name="名称"/>',align : 'center',width : 200}
            ,{index : 'typecode',name : 'typecode',label : '<s:text name="类型"/>',align : 'center',width : 200}
        ]
    });
    var data = JSON.parse($("#executeObject_table_hidden").val());
    for(var i=0,len=data.length;i<len;i++){
         $("#executeObject_table").jqGrid('addRowData',i+1,data[i]);
    }
    //"[
    {"id":"d7915253b9ed41bba420de780d3cd6f0","typecode":"windowsDesktop","typename":"windows桌面终端","remarks":"windows桌面终端"},
    {"id":"a4243998b03a43558d5708573f361674","typecode":"windowsCloud","typename":"windows云桌面","remarks":"windows云桌面"}
    ]"
  • 相关阅读:
    理解Golang包导入
    go语言执行windows下命令行的方法
    Go中使用动态库C/C++库
    MongoDB · 引擎特性 · MongoDB索引原理
    Linux中more和less命令用法
    修改Linux文件句柄限制
    MongoDB自动删除过期数据--TTL索引
    mongodb可以通过profile来监控数据 (mongodb性能优化)
    MongoDB学习笔记(索引)
    查看nginx cache命中率
  • 原文地址:https://www.cnblogs.com/goloving/p/8042257.html
Copyright © 2011-2022 走看看