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云桌面"}
    ]"
  • 相关阅读:
    JS BOM对象 History对象 Location对象
    JS 字符串对象 数组对象 函数对象 函数作用域
    JS 引入方式 基本数据类型 运算符 控制语句 循环 异常
    Pycharm Html CSS JS 快捷方式创建元素
    CSS 内外边距 float positio属性
    CSS 颜色 字体 背景 文本 边框 列表 display属性
    【Android】RxJava的使用(三)转换——map、flatMap
    【Android】RxJava的使用(二)Action
    【Android】RxJava的使用(一)基本用法
    【Android】Retrofit 2.0 的使用
  • 原文地址:https://www.cnblogs.com/goloving/p/8042257.html
Copyright © 2011-2022 走看看