Question

主网格正确加载数据，但不显示子网格数据。

这是我的java控制器为子网格返回的json数据：

{＆＃34; allTrackingNrs＆＃34;：空，＆＃34;页面＆＃34;：1，＃＆34;记录＆＃34;：[{＆＃34;参考＆＃34;：＆＃34; DGL1008＆＃34;＆＃34; shipUnitType＆＃34;：＆＃34;纸箱＆＃34;＆＃34 ; totalOfCartons＆＃34;：1，＆＃34; trackingNr＆＃34;：＆＃34; SLC160759060＆＃34;}，{＆＃34;参考＆＃34;：＆＃34; DGL-1008＆＃34;＆＃ 34; shipUnitType＆＃34;：＆＃34;纸箱＆＃34;＆＃34; totalOfCartons＆＃34;：1，＆＃34; trackingNr＆＃34;：＆＃34; SLC160759060＆＃34;}，{＆＃34 ;参考＆＃34;：＆＃34; DGL-1008＆＃34;＆＃34; shipUnitType＆＃34;：＆＃34;纸箱＆＃34;＆＃34; totalOfCartons＆＃34;：1，＆＃34; trackingNr＆＃34;：＆＃34; SLC160759060＆＃34;}，{＆＃34;参考＆＃34;：＆＃34; DGL1008＆＃34;＆＃34; shipUnitType＆＃34;：＆＃34;纸箱＆＃34 ;，＆＃34; totalOfCartons＆＃34;：1，＆＃34; trackingNr＆＃34;：＆＃34; SLC160759060＆＃34;}]，＆＃34; recordsTotal＆＃34：4，＆＃34;行＆＃34：4，＆＃34; SIDX＆＃34;：空，＆＃34; SORD＆＃34;：＆＃34; ASC＆＃34; ＆＃34;总＆＃34;：1，＆＃34; trackingNr＆＃34;：＆＃34; SLC160759060＆＃34;＆＃34; truckId＆＃34;：空，＆＃34; truckShipmentComponent＆＃34 ;: {}}

这是我的javascript代码

<script type="text/javascript">
    jQuery().ready(function () {
        var grid = jQuery("#shipment_grid");
        var mainGridPrefix = "s_";
        grid.jqGrid({
            url: '${pageContext.request.contextPath}/getTruckShipmentJSONAction?truckId=' + <c:out value="${truckId}" />,
            datatype: "json",
            mtype: 'GET',
            colNames: ['Lead Tracking #'],
            colModel: [
                {name: 'trackingNr', width: 100}
            ],
            rowNum: 10,
            height: "auto",
            width: 850,
            idPrefix: mainGridPrefix,
            autoheight: true,
            rowList: [10, 20, 30],
            pager: jQuery('#shipment_grid_pager'),
            sortname: 'trackingNr',
            emptyrecords: 'No shipments found with the selected filter(s)',
            sortorder: "desc",
            jsonReader: {
                root: "records",
                page: "page",
                total: "total",
                records: "rows",
                repeatitems: false
            },
            viewrecords: true,
            altRows: false,
            gridview: true,
            multiselect:true,
            hidegrid: false,
            shrinkToFit: true,
            forceFit: true,
            idPrefix: mainGridPrefix,
            caption: "Shipments Overview",
            subGrid: true,
            loadComplete: function(data) {
                grid.jqGrid('setColProp', 'trackingNr',{
                    searchoptions: {
                        clearSearch: true,
                        attr: {style: "align:'left'; width:150px;margin-top:1px;"},
                        sopt:['cn'],
                        dataInit: function(elem) {
                            $(elem).autocomplete({
                                source:data.allTrackingNrs,
                                delay:0,
                                minLength:2
                            });
                        }
                    }
                });
                grid.jqGrid('filterToolbar', {autoSearch: true});

                // reduce font size of autocomplete input
                $(".ui-autocomplete.ui-widget").css({fontSize: "11px"});
            },
            subGridRowExpanded: function (subgridDivId, rowId) {
                var rowData = grid.getRowData(rowId);
                var selTrackingNr= rowData['trackingNr'];
                var $subgrid = $("<table id='" + subgridDivId + "_t'></table>");
                   //     pureRowId = $.jgrid.stripPref(mainGridPrefix, rowId),
                    //    subgrids = $(this).jqGrid("getGridParam", "userData");

                $subgrid.appendTo("#" + $.jgrid.jqID(subgridDivId));
                $subgrid.jqGrid({
                    data: "json",
                    mtype: 'GET',
                    url: '${pageContext.request.contextPath}/getTruckShipmentJSONAction?trackingNr=' + selTrackingNr,
                    colNames: ['Ship Type (Pallet / Carton)', 'Ship Unit (Pallet ID / Cone #)', 'Total Cartons'],
                    colModel: [
                        { name: "shipUnitType"},
                        { name: "reference", sorttype: "integer" },
                        { name: "totalOfCartons", sorttype: "integer" }
                    ],
                    cmTemplate: { align: "center" },
                    jsonReader: {
                        root: "records",
                        repeatitems: false
                    },
                    sortname: "reference",
                    sortorder: "desc",
                    height: "100%",
                    rowNum: 10,
                    autowidth: true,
                    autoencode: true,
                    gridview: true,
                    idPrefix: rowId + "_"
                });
            }
        }).navGrid('#shipment_grid_pager', {edit: false, add: false, del: false, search: false, refresh: true})
                .jqGrid("setLabel", "trackingNr", "", {"text-align": "left"}); //align 'Lead Tracking #' column header  to the left;


    });

</script>

如何显示我的子网格数据？

Answer 1

我已经修复了问题，这是一个拼写错误。我写了数据：＆＃34; json＆＃34;，而不是数据类型：＆＃34; json＆＃34;在subGridRowExpanded：function（subgridDivId，rowId）{....}函数

Jqgrid子网格json数据没有显示

1 个答案: