jqGrid:无记录可查看 [英] jqGrid: No records to view

问题描述

我无法使用jqGrid显示任何记录，我的JavaScript:

I cant get jqGrid to show any records, my javascript:

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>

控制台中没有错误.

结果:

推荐答案

您没有像在网格中那样设置xml阅读器.网格需要xml

you didn't set xml reader in your grid like.Grid need to expect xml

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

，并为每列设置xmlmap，例如

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

您还包括了

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

这很重要

更新:由于该答案引起了广泛关注，因此

Update: Since this answer is getting much attention, here people may find additional information on jqgrid with xml data.

这篇关于jqGrid:无记录可查看的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！