JqGrid группировка не работает

Я стараюсь Groupe мои записи с помощью jQgrid, но он не работает правильно, как вы можете видеть из Линке нижеJqGrid группировка не работает

jqGridview

Как видно из рисунка, записи не правильно группироваться , кода я использую, как показано ниже:

$(document).ready(function() { 
    $('#ProductProductInventoryGrid').jqGrid({ 
     colNames: ["Id","Date","Category","Code", "Name","Total Quantity","Total Weigth","Unit","UsedW","UsedQ"], 
     colModel: [ 
      { name: 'CatId', index: 'CatId', width: 5, sortable: true, align: "left", formatter: 'string',hidden: false }, 
      { name: 'InventoryDate', index: 'InventoryDate', width: 50, align: "left", sortable: true, search: false }, 
      { name: 'CategoryName', index: 'CategoryName', width: 150, sortable: false, align: "left", search: false, searchoptions: { sopt: ['cn', 'ne', 'eq'] }, formatter: 'string' }, 
      { name: 'ProductCode', index: 'ProductCode', width: 180, sortable: true, align: "left", search: false, formatter: 'string' }, 
      { name: 'ProductName', index: 'ProductName', width: 120, sortable: true, align: "left", search: true, searchoptions: { sopt: ['cn', 'ne', 'eq'] }, formatter: 'String' }, 
      { name: 'TotalQuantity', index: 'TotalQuantity', width: 60, sortable: true, align: "center", search: false, sorttype: 'number', formatter: 'number', summaryType: 'sum' }, 
      { name: 'TotalWeight', index: 'TotalWeight', width: 80, sortable: true, align: "right", search: false, sorttype: 'number', formatter: 'number', summaryType: 'sum' }, 
      { name: 'UnitMeasureCode', index: 'UnitMeasureCode', width: 60, sortable: true, align: "right", search: false, formatter: 'string' }, 
      { name: 'UsedWeight', index: 'UsedWeight', width: 60, sortable: true, align: "right", search: false, sorttype: 'number', formatter: 'number', summaryType: 'sum' }, 
      { name: 'UsedQuantity', index: 'UsedQuantity', width: 60, sortable: true, align: "center", search: false, sorttype: 'number', formatter: 'number', summaryType: 'sum' } 

     ], 
     grouping: true, 
     groupingView : { 
      groupField: ['CatId'], 
      groupColumnShow : [false], 
      groupText : ['<b>{0}</b>'], 
      groupCollapse : false, 
      groupOrder: ['asc'], 
      groupSummary : [true], 
      showSummaryOnHide: true, 
      groupDataSorted : true 
     }, 
     footerrow: true, 
     userDataOnFooter: true, 


     url: ServerBaseURL + "dashboard/getProductInventory", 
     mtype: 'GET', 
     cache: false, 
     datatype: 'json', 
     caption: "", 
     sortname: 'ProductName', 
     sortorder: "asc", 
     emptyrecords: '@Resources.lblNoData', 
     autowidth: false, 
     width: 1100, 
     shrinkToFit: true, 
     autoheight: true, 
     height: 'auto', 
     rownumbers: false, 
     altRows: true, 
     altclass: 'myAltRowClass', 
     multiselect: false, 
     viewrecords: true, 
     jsonReader: { 
      root: "rows", 
      page: "page", 
      total: "total", 
      records: "records", 
      repeatitems: false, 
      userdata: "userdata" 
     } 
    });

Thnaks за помощь привета

Подробнее:

меня пытаются использовать скрипку как предложено в комментариях, но не мог получить дэ отображения сетки данные. не подал в суд на скрипку, поэтому не знаю, что может быть неправильно. здесь ниже моих данных образца возвращения:

var serverResponse = { 
    "rows":[ 
{ "CatId" :"3", "InventoryDate":"24/11/2015 15:08:00", "CategoryName":"MECHES", "ProductCode":"50F207229#434299004", "ProductName":"MECHE LENTE", "TotalQuantity":" 8", "TotalWeight":"0,0000", "UnitMeasureCode":"Pcs", "UsedQuantity":"4", "UsedWeight ":"0,0000", "Weight":"0,00", "RemainingQuantity":"0", "RemainingWeight":"0,0000" }, 
{ "CatId":"1", "InventoryDate":"24/11/2015 12:12:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170400596", "ProductName": "EURONIX", "TotalQuantity":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg" , "UsedQuantity":"0", "UsedWeight":"0,0000", "Weight":"25,00", "RemainingQuantity":"16", "RemainingWeight":"25,0000" }, 
{ "CatId":"1", "InventoryDate":"24/11/2015 11:09:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170500598", "ProductName":"EURONIX", "TotalQuantity":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg" , "UsedQuantity":"0", "UsedWeight":"0,0000", "Weight":"25,00", "RemainingQuantity":"16", "RemainingWeight:""25,0000" }, 
{ "CatId":"1", "InventoryDate":"24/11/2015 11:09:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170500599", "ProductName":"EURONIX", "TotalQuantity":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg ", "UsedQuantity":"0", "UsedWeight":"0,0000", "Weight":"25,00", "RemainingQuantity":"16", "RemainingWeight":"25,0000" }, 
{ "CatId":"1", "InventoryDate":"24/11/2015 11:09:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170500600", "ProductName":"EURONIX", "TotalQuantity":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg" , "UsedQuantity":"5", "UsedWeight":"7,8125", "Weight":"25,00", "RemainingQuantity":"6", "RemainingWeight":"17,1875" }, 
{ "CatId":"1", "InventoryDate":"24/11/2015 11:09:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170600601", "ProductName:":"EURONIX", "TotalQuantity":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg" , "UsedQuantity":"0", "UsedWeight":"0,0000","Weight":"25,00", "RemainingQuantity":"16", "RemainingWeight":"25,0000" }, 
{ "CatId":"1", "InventoryDate":"24/11/2015 11:09:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170600602", "ProductName":"EURONIX", "TotalQuantity":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg" , "UsedQuantity":"0", "UsedWeight":"0,0000", "Weight":"25,00", "RemainingQuantity":"16", "RemainingWeight":"25,0000"}, 
{ "CatId":"1", "InventoryDate":"24/11/2015 11:09:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170700603", "ProductName":"EURONIX", "TotalQuantity":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg" , "UsedQuantity":"0", "UsedWeight":"0,0000", "Weight":"25,00", "RemainingQuantity":" 16", "RemainingWeight":"25,0000" }, 
{ "CatId":"1", "InventoryDate":"24/11/2015 11:09:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170700604", "ProductName":"EURONIX", "TotalQuantity":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg" , "UsedQuantity":"0", "UsedWeight":"0,0000","Weight":"25,00", "RemainingQuantity":"16", "RemainingWeight":"25,0000" }, 
{ "CatId":"1", "InventoryDate":"24/11/2015 11:09:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170700605", "ProductName":"EURONIX", "TotalQuantity":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg" , "UsedQuantity":"0", "UsedWeight":"0,0000", "Weight":"25,00", "RemainingQuantity":" 16", "RemainingWeight":"25,0000" }, 
{ "CatId":"1", "InventoryDate":"24/11/2015 11:09:00", "CategoryName":"EXPLOSIFS", "ProductCode":"50F300440#151026E3170800606", "ProductName":"EURONIX", "TotalQuantity ":"16", "TotalWeight":"25,0000", "UnitMeasureCode":"Kg" , "UsedQuantity":"0", "UsedWeight":"0,0000", "Weight":"25,00", "RemainingQuantity":"16", "RemainingWeight":"25,0000" }, 
{ "CatId":"2", "InventoryDate":"24/11/2015 13:18:00", "CategoryName":"DETONATEURS", "ProductCode":"12640#143290051681", "ProductName":"PYRO ERIKA", "TotalQuantity":"100", "TotalWeight":"0,0000", "UnitMeasureCode":"Pcs", "UsedQuantity":"90", "UsedWeight":"0,0000", "Weight":"0,00", "RemainingQuantity":"80", "RemainingWeight":"0,0000 "}, 
{ "CatId":"3", "InventoryDate":"24/11/2015 15:12:00", "CategoryName":"MECHES", "ProductCode":"50F207229#434299005", "ProductName":"MECHE LENTE", "TotalQuantity":" 8", "TotalWeight":"0,0000", "UnitMeasureCode":"Pcs", "UsedQuantity":"3", "UsedWeight":"0,0000", "Weight":"0,00", "RemainingQuantity":"2", "RemainingWeight":" 0,0000" }, 
{ "CatId":"3", "InventoryDate":"24/11/2015 15:14:00", "CategoryName:":"MECHES", "ProductCode":"50F207229#434299006", "ProductName":"MECHE LENTE", "TotalQuantity":" 8", "TotalWeight":"0,0000", "UnitMeasureCode":"Pcs", "UsedQuantity":"0", "UsedWeight":"0,0000", "Weight":"0,00", "RemainingQuantity":"8", "RemainingWeight":" 0,0000"}, 
{ "CatId":"3", "InventoryDate":"24/11/2015 15:15:00", "CategoryName":"MECHES", "ProductCode":"50F207229#434299007", "ProductName":"MECHE LENTE", "TotalQuantity":" 8", "TotalWeight":"0,0000", "UnitMeasureCode":"Pcs", "UsedQuantity":"2", "UsedWeight":"0,0000", "Weight":"0,00", "RemainingQuantity":"4", "RemainingWeight":" 0,0000" }, 
{ "CatId":"2", "InventoryDate":"27/11/2015 19:40:00", "CategoryName":"DETONATEURS", "ProductCode":"UN0360#H34122", "ProductName":"LIGNE DE TIR NONEL", "TotalQuantity":" 120", "TotalWeight":"0,0000", "UnitMeasureCode":"Pcs", "UsedQuantity":"0", "UsedWeight":"0,0000", "Weight":"0,00", "RemainingQuantity":"120", "RemainingWeight":"0,0000" } 
    ] 
}; 


$("#jqGrid").jqGrid({ 
    url: "/echo/json/", // use JSFiddle echo service 
    postData: { 
     json: JSON.stringify(serverResponse) // needed for JSFiddle echo service 
    }, 
    mtype: "POST", // needed for JSFiddle echo service 
    datatype: "json", 
    colModel: [ 
     { label: 'CatId', name: 'CatId', key: true, width: 10 }, 
     { label: 'InventoryDate', name: 'InventoryDate', width: 70 }, 
     { label: 'ProductName', name: 'ProductName', width: 150 }, 
     { label: 'RemainingQuantity', name: 'RemainingQuantity', width: 150 } 

    ], 
    loadonce:true, 
    viewrecords: true, 
    rowList: [20,30,50], 
    width: 780, 
    height: 250, 
    rowNum: 20, 
    sortname: 'ProductName', 
    grouping: true, 
    groupingView: { 
     groupField: ["CatId"], 
     groupColumnShow: [true], 
     groupText: [ 
      "CatId: <b>{0}</b>" 
     ], 
     groupOrder: ["asc"], 
     groupSummary: [true], 
     groupSummaryPos: ['header'], 
     groupCollapse: false 
    } 
});

источник

2015-12-19 serge

Какая версия jqGrid и какая fork ([free jqGrid] (https://github.com/free-jqgrid/jqGrid), [Guriddo jqGrid JS] (http://guriddo.net/?page_id=103334) или старый jqGrid в версии <= 4.7), который вы используете? Вы включили очень много свойств в 'colModel' и множество ненужных опций. Кроме того, вы включили 'formatter: 'string'' и' formatter:' String'', которые неизвестны. Могли бы вы создать демонстрацию JSFiddle, которая воспроизводит проблему? Если вам нужно загрузить данные с сервера, вы можете использовать JSFiddle-эхо-сервис, например, в старой демонстрации https://jsfiddle.net/78m7jdaz/6/. – Oleg

Что такое «много ненужных вариантов», на которые вы ссылаетесь? – serge

вы можете удалить 'mtype',' caption', 'sortorder',' autowidth', 'shrinkToFit',' autoheight', 'rownumbers',' multiselect', 'jsonReader'. Вы можете удалить из всех элементов 'colModel' свойства' index', 'sortable: true',' align: "left", 'search: true' и так далее. Я думаю, что 'formatter: 'string'' и' formatter:' String'' просто неправильно, и их нужно удалить. Вы можете уменьшить код и сделать его более понятным с помощью свойства 'template' в сетке. См. [Старый ответ] (http://stackoverflow.com/a/6047856/315935). – Oleg

Ваш демо не работает из-за синтаксической ошибки. Использование

"RemainingWeight:""25,0000"

должен быть прикреплен к

"RemainingWeight":"25,0000"

Дополнительно вам нужно удалить ненужные упаковки для rows. Фиксированный код https://jsfiddle.net/OlegKi/zqLp4yrg/

можно увидеть, что сервер возвращает несортированные данные, но данные, необходимые быть отсортированы по groupField (["CatId"] в вашем случае).

Вы можете исправить эту проблему с помощью datatype: "local" например: https://jsfiddle.net/OlegKi/zqLp4yrg/1/ или вернув правильные отсортированные данные с сервера.

источник

2015-12-21 11:32:48 Oleg

Wowww благодарит вас, не знал, что записи нужно отсортировать сначала, прежде чем получить группу. Не знал также советов с LocalData. Большое спасибо за вашу помощь. – serge

@serge: Добро пожаловать! Я рад, что смогу вам помочь. – Oleg

, когда я использую «data: localdata» на моей странице сетки. Я получаю ошибку скрипта java, говоря, что localdata не определена? Я использую JqGrid версии 4.4.3 – serge

JqGrid группировка не работает

ответ

Смежные вопросы