的jqGrid不更新/轰然

我想在我的网站来实现jqGrid的。一切正常，当我加载一次，但当我重新运行该功能加载它不更新的数据。我做的是删除了表格，然后在我更新之前再添加它。这在Mozilla工作，但当我在IE中运行它崩溃。这里是我的代码：的jqGrid不更新/轰然

<div id="tabs-3"> 

        <table id="userStatistics" style="width:100%"> 

        </table><div id="pager1"></div> 

       </div>

这里是添加网格的函数。

function generateSummaryStatistics(app, range) { 
/*$("#gbox_userStatistics").remove(); 
$("#pager1").remove();*/ 
$("#tabs-3").html('<table id="userStatistics" style="width:100%"></table><div id="pager1"></div>'); 
$("#userStatistics").jqGrid({ 
    url:"/WebServiceURL/GetLogMetricCountinputReportName="+app+"&startLogDate="+range, 
    datatype: 'xml', 
    mtype: 'GET', 
    colNames:['Date','User','Department','Application','Number Times Run'], 
     colModel: [{name:'logDate', index:'logDate',xmlmap:'logDate'}, 
     {name:'reportUserName', index:'reportUserName',xmlmap:'reportUserName'}, 
     {name:'departmentNumber', index:'departmentNumber',xmlmap:'departmentNumber'}, 
     {name:'reportName', index:'reportName',xmlmap:'reportName'}, 
     {name:'numOfQueries', index:'numOfQueries',xmlmap:'numOfQueries'}], 
      xmlReader: { 
        root:"returnList", 
        row:"UsageMetricsDTO", 
        repeatitems:false, 
        id : "departmentNumber" 
       }, 
       rowNum:10, 
       rowList:[10, 20, 30, 40, 50], 
       shrinkToFit:false, 
       viewrecords: true, 
       loadonce: true, 
       caption: 'Summary Statistics', 
       pager: $('#pager1'), 
       autoWidth:true, 
       multiselect:false, 
       gridview: true, 
       emptyrecords: "No records Found" 
      }).navGrid('#pager1',{edit:false,add:false,del:false}); 
$('.ui-jqgrid-bdiv').css({height: 'auto', 'max-height': 250}); 

}

任何想法为什么这会导致IE崩溃。

就像我说的是在Mozilla，但一旦它在IE第二次崩溃运行工作正常。我在firebug中或eclipse控制台中没有看到控制台中的任何错误。

谁能帮助或提出一个更好的方式来做到这一点？

感谢，

克雷格

来源

2012-03-07 craigtb

我不知道为什么IE浏览器崩溃，但你可以在一点点其他的方式做同样的工作，都应该没有任何问题的工作。

首先重要的是要明白，jqGrid构造一些额外的div 而不是<table>元素。 jqGrid的提供特殊的方法GridUnload摧毁旧电网和地方初始<table>的寻呼机<div>。所以你应该更好地使用

$("#userStatistics").jqGrid('GridUnload');

而不是。

在大多数情况下，只有当您需要在同一地点创建另一个网格时，才应该这样做。例如，在the answer和this one中，将更改网格中的列数。所以人们使用这种方法。

你的情况，你需要做的就是重新加载栅格体与另一个数据是什么。在更有效的情况下，只能创建一次网格，并且所有下一次只需更改url并重新加载网格体。由于您使用的是loadonce: true，因此在第一次电网加载后将datatype更改为'local'。因此，您应该将datatype重置为原来的'xml'值，以重置'url'。对应的代码将是

$("#userStatistics").jqGrid('setGridParam', { 
    url: newUrlValue, 
    datatype: 'xml' 
}).trigger("reloadGrid", [{page: 1}]);

来源

2012-03-07 21:48:03 Oleg

的jqGrid不更新/轰然

回答

相关问题