Ajax 分页在JqGrid中不起作用

我正在我的项目中使用jQGrid的最新版本。以下是我配置的完整配置

jQuery("#list").jqGrid( {
        url : 'Link.do?method=findAllBrand',
        mtype : 'GET',
        height : 350,
        datatype : "xml",
        colNames : [ 'Name' ],
        colModel : [ {
            name : 'name',
            index : 'name',
            width : 620
        } ],
        rowNum : 10,
        rowList : [ 10, 20, 30 ],
        sortname : 'id',
        sortorder : "desc",
        viewrecords : true,
        multiselect : true,
        imgpath : 'themes/base/images',
        caption : "Brand (s) Summary Grid",
        pager : #pager,
        cache : false,
        onSelectRow : function(id) {

        }
    });

我正在从服务器获取以下xml格式的数据：

<?xml version="1.0" encoding="UTF-8" standalone="yes"?><rows><page>1</page><total>4</total><records>75</records><row id="BRD00005"><cell>AEG</cell></row><row id="BRD00010"><cell>ARC</cell></row><row id="BRD00006"><cell>Aga</cell></row><row id="BRD00007"><cell>Allenzi </cell></row><row id="BRD00008"><cell>Amana</cell></row><row id="BRD00009"><cell>Andi</cell></row><row id="BRD00011"><cell>Arda</cell></row><row id="BRD00012"><cell>Ariston</cell></row><row id="BRD00013"><cell>Asko</cell></row><row id="BRD00014"><cell>Baumatic</cell></row><row id="BRD00015"><cell>Bendix</cell></row><row id="BRD00003"><cell>Blanco</cell></row><row id="BRD00001"><cell>Bosch</cell></row><row id="BRD00004"><cell>Chef</cell></row><row id="BRD00016"><cell>Damani</cell></row><row id="BRD00017"><cell>Davell</cell></row><row id="BRD00018"><cell>Delonghi</cell></row><row id="BRD00019"><cell>Dishlex</cell></row><row id="BRD00020"><cell>Electrolux</cell></row><row id="BRD00021"><cell>Emilia</cell></row><row id="BRD00022"><cell>Euro</cell></row><row id="BRD00023"><cell>Eurolec</cell></row><row id="BRD00024"><cell>Euromaid</cell></row><row id="BRD00002"><cell>F&amp;P</cell></row><row id="BRD00027"><cell>FP</cell></row><row id="BRD00025"><cell>Fagor</cell></row><row id="BRD00026"><cell>Fisher And Paykel</cell></row><row id="BRD00028"><cell>Franke</cell></row><row id="BRD00030"><cell>GE</cell></row><row id="BRD00034"><cell>GVA</cell></row><row id="BRD00029"><cell>Gaggenau</cell></row><row id="BRD00031"><cell>Glem </cell></row><row id="BRD00032"><cell>Glem Gas</cell></row><row id="BRD00033"><cell>Glemgas</cell></row><row id="BRD00035"><cell>Haier</cell></row><row id="BRD00036"><cell>Hisense </cell></row><row id="BRD00037"><cell>Hitachi</cell></row><row id="BRD00038"><cell>Hoover</cell></row><row id="BRD00039"><cell>Hotpoint</cell></row><row id="BRD00040"><cell>IAG</cell></row><row id="BRD00041"><cell>Ilve</cell></row><row id="BRD00042"><cell>Indesit</cell></row><row id="BRD00043"><cell>Jenn Air</cell></row><row id="BRD00044"><cell>Kelvinator </cell></row><row id="BRD00045"><cell>Kleenmaid</cell></row><row id="BRD00047"><cell>LG</cell></row><row id="BRD00046"><cell>La Germania</cell></row><row id="BRD00048"><cell>Liebherr</cell></row><row id="BRD00049"><cell>Linea</cell></row><row id="BRD00050"><cell>Lofra</cell></row><row id="BRD00051"><cell>Maytag</cell></row><row id="BRD00052"><cell>Midea</cell></row><row id="BRD00053"><cell>Miele</cell></row><row id="BRD00054"><cell>NEC</cell></row><row id="BRD00055"><cell>Neff</cell></row><row id="BRD00056"><cell>Nobel</cell></row><row id="BRD00057"><cell>Omega</cell></row><row id="BRD00058"><cell>Onix</cell></row><row id="BRD00059"><cell>Panasonic </cell></row><row id="BRD00060"><cell>Robinhood</cell></row><row id="BRD00061"><cell>Sagi</cell></row><row id="BRD00062"><cell>Samsung</cell></row><row id="BRD00063"><cell>Seimen </cell></row><row id="BRD00064"><cell>Sharp</cell></row><row id="BRD00065"><cell>Simpson</cell></row><row id="BRD00066"><cell>Smeg</cell></row><row id="BRD00067"><cell>St George</cell></row><row id="BRD00068"><cell>Technika</cell></row><row id="BRD00069"><cell>Techno</cell></row><row id="BRD00070"><cell>Technogas</cell></row><row id="BRD00071"><cell>Teka</cell></row><row id="BRD00072"><cell>Thor</cell></row><row id="BRD00073"><cell>Vintec</cell></row><row id="BRD00074"><cell>Westinghouse</cell></row><row id="BRD00075"><cell>Whirlpool</cell></row></rows>

多谢各位

---

Mihir Parekh

必须引用

pager

选项的值：

pager:“#pager”

。您可以使用

数据类型：“xml”

而不使用

loadonce:true

。在这种情况下，您的服务器（

url:'Link.do？method=findAllBrand'

）负责分页和排序。如果用户单击下一页，则使用相应的参数

page=2

向服务器发出新请求

通常，服务器应返回与

页面

和

行

参数相对应的项数。XML响应包含更多的项。我假设服务器返回与请求页面无关的所有项目。在这种情况下，您应该包括

loadonce:true

。在这种情况下，客户端代码（jqGrid的JavaScript代码）将为您进行分页和排序。如果使用

loadonce:true

选项，则可以移除零件

1475

从服务器返回的XML数据

<>另外，我建议您在可能的时候考虑更改使用JSON而不是XML。在这种情况下，您可以减少项目的表示，如

欧元
F&；P
费希尔和佩克尔

到

[“欧元”、“BRD00022”]、[“F&P”、“BRD00002”]、[“费希尔和佩克尔”、“BRD00026”]

因此，您可以减少传输数据的大小

此外，正如我在上一个问题中给您写的那样，您应该将

sortname:“id”

替换为

sortname:“name”

b，因为您的网格没有名为

“id”

的列。可能应该删除选项

sortorder:“desc”

您应该删除jqGrid中不存在的

imgpath

和

cache

选项。相反，我严格建议您添加

gridview:true

选项和

autoencode:true

。如果使用

autoencode:true

，则不需要使用HTML编码（在服务器端将

F&P

转换为

F&P

）

已更新：演示网格的外观：

---

我在网格中加入了工具栏过滤器和高级搜索，以显示如果使用

loadonce:true

Oleg先生，那么我应该使用什么来代替它？这是一个完美的答案，看起来Oleg先生对jQGrid有绝对的了解。我在jqGrid论坛上也看到了很多来自这个用户的答案。再次感谢Oleg先生，请不要删除jqGrid页面一段时间，我想研究一下。thanks@Mihir：不客气！jqGrid根本不知道

imgpath

，只需像任何其他fantase选项一样忽略它

foo:“bar”

。在jqGrid的旧版本中，没有使用JQueryUICSS，因此需要使用该选项。关于或任何其他我为旧答案创建的旧演示：我没有从web服务器中删除任何内容。我认为这个URL在很多时候都不会被破坏。谢谢@Oleg，看起来你是专业顾问，你是德国人。事实上我是服务器端开发人员，我不得不去做这个客户端工作，因为我们的UI开发人员突然离职了，我知道一些jQuery，所以我接受了这个任务，我很幸运我找到了你。将来我邀请你回答所有与jQuery相关的问题。

what did i do wrong