未捕获的异常:jqGrid-没有这样的方法:GridUnload [英] uncaught exception: jqGrid - No such method: GridUnload

查看：172
本文介绍了未捕获的异常:jqGrid-没有这样的方法:GridUnload的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

计划

我有一个带有jqGrid的页面-该网格应该能够加载相同类型的三个json负载之一-只是不同的过滤器.加载的数据基于一次单击的按钮(计划中"，已批准"，已完成").

问题

我遇到的问题是当我引用 $(#jobGrid").jqGrid('GridUnload'); 时，我遇到了一个未捕获的异常:jqGrid-没有这样的方法:GridUnload".

代码

以下库已加载-基本上，我都抓住了它们，试图获取 $(#jobGrid").jqGrid('GridUnload'); 触发

<!-- jqGrid Resources-->    
<script type="text/ecmascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/js/i18n/grid.locale-en.js"></script> 
<script type="text/ecmascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/grid.base.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/grid.common.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/grid.formedit.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/jquery.fmatter.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/grid.jqueryui.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/plugins/grid.addons.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="http://cdn.cov.com/jqGrid_JS_5.0.0/css/ui.jqgrid-bootstrap.css" />

发生异常的JavaScript函数.注意:触发此方法后，网格中已经存在数据

// Approved Filter
var approvedFilter = function () {
     // Ready Up Defaults
     $.jgrid.defaults.width = $("#jobGridContainer").width();
     $.jgrid.defaults.responsive = true;

     // Reset Data (Grid has data in it already
     $("#jobGrid").jqGrid('GridUnload'); 

     $("#jobGrid").jqGrid({
          url: RestService.GetApprovedJobsService(),
          mtype: "GET",
          styleUI: 'Bootstrap',
          datatype: "json",
          colModel: [
              { label: 'JobNumber', name: 'JobNumber', key: true, width: 75 },
              { label: 'Job Name', name: 'JobName', width: 150 },
              { label: 'Request State', name: 'JobState', width: 150 },
              { label: 'Status', name: 'JobStatus', width: 150 },
              { label: 'Request By', name: 'JobRequestor', width: 150 },
              { label: 'Last Modified', name: 'LastModifiedDate' }
          ],
          viewrecords: true,
          height: 375,
          rowNum: 10,
          loadonce: true,
          pager: "#jqGridPager",
          caption: "Showing Approved Requests. Click row to view details",
          onSelectRow: function (rowid, selected) {
              if (rowid != null) {
                  document.location.href = getAppRootUrl() + "/Service/Job/" + rowid;
              }
          }

     });
}

任何建议或帮助将不胜感激

解决方案

您使用 Guriddo jqGrid JS 它们与jqGrid的早期版本有一些不兼容(有关更多信息，请参见Guriddo jqGrid JS 4.8的发行说明). ). jqGrid的另一个分支-免费jqGrid 没有GridUnload方法的问题.

如果需要在Guriddo jqGrid JS中使用GridUnload或GridDestroy，则不能使用更多的$("#jobGrid").jqGrid('GridUnload');.相反，您应该使用

 $.jgrid.gridUnload("jobGrid"); // id of grid as parameter

您的代码的另一种常见说明.您首先包含了jquery.jqGrid.min.js，然后包括了grid.base.js，grid.common.js等.这是不对的. jquery.jqGrid.min.js以最小化形式包含所有模块.多次包含相同的模块是错误的.

THE PLAN

I have a page with a jqGrid on it - this grid should be able to load one of three json payloads that are of the same type - just different filters. The data that loads is based on the button one clicks (In Planning, Approved, Completed).

THE PROBLEM

The problem I am having is when I reference $("#jobGrid").jqGrid('GridUnload'); I get an "uncaught exception: jqGrid - No such method: GridUnload".

THE CODE

The following libraries are loaded - basically I grabbed them all trying to get $("#jobGrid").jqGrid('GridUnload'); to fire

<!-- jqGrid Resources-->    
<script type="text/ecmascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/js/i18n/grid.locale-en.js"></script> 
<script type="text/ecmascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/grid.base.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/grid.common.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/grid.formedit.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/jquery.fmatter.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/src/grid.jqueryui.js"></script>
<script type="text/javascript" src="http://cdn.cov.com/jqGrid_JS_5.0.0/plugins/grid.addons.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="http://cdn.cov.com/jqGrid_JS_5.0.0/css/ui.jqgrid-bootstrap.css" />

JavaScript function where exception occurs. Note: When this method is fired, data already exists in the grid

// Approved Filter
var approvedFilter = function () {
     // Ready Up Defaults
     $.jgrid.defaults.width = $("#jobGridContainer").width();
     $.jgrid.defaults.responsive = true;

     // Reset Data (Grid has data in it already
     $("#jobGrid").jqGrid('GridUnload'); 

     $("#jobGrid").jqGrid({
          url: RestService.GetApprovedJobsService(),
          mtype: "GET",
          styleUI: 'Bootstrap',
          datatype: "json",
          colModel: [
              { label: 'JobNumber', name: 'JobNumber', key: true, width: 75 },
              { label: 'Job Name', name: 'JobName', width: 150 },
              { label: 'Request State', name: 'JobState', width: 150 },
              { label: 'Status', name: 'JobStatus', width: 150 },
              { label: 'Request By', name: 'JobRequestor', width: 150 },
              { label: 'Last Modified', name: 'LastModifiedDate' }
          ],
          viewrecords: true,
          height: 375,
          rowNum: 10,
          loadonce: true,
          pager: "#jqGridPager",
          caption: "Showing Approved Requests. Click row to view details",
          onSelectRow: function (rowid, selected) {
              if (rowid != null) {
                  document.location.href = getAppRootUrl() + "/Service/Job/" + rowid;
              }
          }

     });
}

Any suggestions or help would be greatly appreciated

解决方案

You use Guriddo jqGrid JS which have some incompatibility with previous versions of jqGrid (see the release notes of Guriddo jqGrid JS 4.8 for more information). Another fork of jqGrid - free jqGrid don't have the problem with GridUnload method.

If you need to use GridUnload or GridDestroy in Guriddo jqGrid JS then you can't use more $("#jobGrid").jqGrid('GridUnload');. Instead of that you should use 

$.jgrid.gridUnload("jobGrid"); // id of grid as parameter

Another common remark to your code. You included first jquery.jqGrid.min.js and then grid.base.js, grid.common.js and other. It's wrong. jquery.jqGrid.min.js includes all the modules in minimized form. It's wrong to include the same modules multiple times.

这篇关于未捕获的异常:jqGrid-没有这样的方法:GridUnload的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
JavaScript最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆