jqGrid：没有要查看的记录

Question

我的 javascript 无法让 jqGrid 显示任何记录：

jq.getScript("/js/grid.locale-en.js", function(){
    jq.getScript("/js/jquery.jqGrid.min.js", function(){
        jq(".normalTable").jqGrid({
            url:'/xml/results.xml',
            mtype: "GET",
            datatype: "xml",
            colNames: ['Instrument', 'ExpValue', 'BuyerPayout','SellerPayout'],
            colModel: [
                { name: 'Instrument', index: 'Instrument', width: 55, xmlmap: "Instrument" },
                { name: 'ExpValue', index: 'ExpValue', width: 80, xmlmap: "ExpValue" },
                { name: 'BuyerPayout', index: 'BuyerPayout', width: 80, xmlmap: "BuyerPayout" },
                { name: 'SellerPayout', index: 'SellerPayout', width: 80, xmlmap: "SellerPayout"}],
            pager: '#pager',
            rowNum: 10,
            rowList: [10, 20, 30],
            sortname: 'Instrument',
            viewrecords: true,
            gridview: true,
            autoencode: true,
            xmlReader: {
               root:"TradingResults",
               row:"TradingResult"
            },
            width: '480'
        });
    });
});

我的 XML 结构：

<TradingResults>
    <DateGroup date="2014-04-24">
        <TradingResult>
            <Instrument>xyz</Instrument>
            <ExpValue>94.65</ExpValue>
            <BuyerPayout>0</BuyerPayout>
            <SellerPayout>100</SellerPayout>
        </TradingResult>
        <TradingResult>
            <Instrument>xyz</Instrument>
            <ExpValue>94.659</ExpValue>
            <BuyerPayout>0</BuyerPayout>
            <SellerPayout>100</SellerPayout>
        </TradingResult>
    </DateGroup>
<TradingResults>

控制台没有错误。

结果：

Answer 1

您没有在网格中设置 xml 阅读器，例如。Grid 需要期待 xml

xmlReader: { repeatitems: false, root:"TradingResults",row:"TradingResult" }

并为每一列设置xmlmap

 { name: 'Instrument', index: 'Instrument', width: 55,xmlmap:"Instrument" },

你是否也包含了 DnR 库，它是

<script src="grid/js/jqDnR.js" type="text/javascript">
</script>

这个很重要

更新：由于这个答案越来越受到关注，here 人们可能会找到有关带有 xml 数据的 jqgrid 的更多信息。