jQuery Grid Plugin - jqGridForum

Topic RSS

jqGrid Documentation, Examples, etc.

10/09/2010
04:42

mikeerickson

Huntington Beach, CA

Member

Members

Forum Posts: 34

Member Since:
29/06/2010

Offline

So why is it that everytime I need to do something in jqGrid it is like jumping through fire hoops. Today, I am trying to get jqGrid to do some simple group (examples always work) and I have taken the code almost verbatim from examples and of course they dont work. No matter what I do, it will not group the data. This is not productive use of my time (yesterday I had to spend some 8hr trying to get JSON data to display)

Today, I am simply trying to make some very simple sample data group and no dice. This does bode well for my future tasks with this tool, cant even get SIMPLE stuff to work.

mse

10/09/2010
11:20

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Do you use 3.8 beta version? Do you loaded the last version from http://github.com/tonytomov/jq.....d/tree/dev ?

You should post code example which has problems.

About the documentation and examples. On the main page //. Do you write allways documentation and create more code examples for the beta versions of your program? Then you can wait a little till 3.8 will be rleased and the documentation will be changed to 3.8.

Regards

Oleg

10/09/2010
15:07

mikeerickson

Huntington Beach, CA

Member

Members

Forum Posts: 34

Member Since:
29/06/2010

Offline

Here is my current code (taken from a demo) trying to get a simple grouped grid to display. The grid displays but there is no grouping.

$("#masterList").jqGrid({

url: "sample.json",

datatype: "json",

colNames: ['Inv','Date', 'Client', 'Amount','Tax','Total','Notes'],

colModel:[

{name:'id',index:'id', width:60, editable:true, sorttype:'int',align:"center"},

{name:'invdate',index:'invdate', width:90, sorttype:'date', formatter:'date', datefmt:'d/m/Y',align:"center"},

{name:'name',index:'name', width:100,summary:'count',summaryTpl:'({0}) total'},

{name:'amount',index:'amount', width:80, align:"right", sorttype:'number',formatter:'currency',summaryType:'sum'},

{name:'tax',index:'tax', width:80, align:"right",sorttype:'number',formatter:'currency',summaryType:'sum'},

{name:'total',index:'total', width:80,align:"right",sorttype:'number',formatter:'currency',summaryType:'sum'},

{name:'note',index:'note', width:120, sortable:false,editable:true}

rowNum: 10,

forceFit: true,

rowList: [5,10,20,30],

loadonce: true,

height: 'auto',

width: 640,

pager: '#masterPager',

sortname: 'name',

viewrecords: true,

sortorder: "asc",

altRows: true,

altclass: "ui-table-altrow",

grouping: true,

groupingView: {

groupField: ['name']

groupColumnShow: [true],

groupText: ['<b>{0}</b>'],

groupCollapse: true,

groupOrder: ['asc'],

groupSummary: [true],

showSummaryOnHide: true,

groupDataSorted: true

});

$("#masterList").jqGrid('navGrid','#masterPager',{add:false,edit:false,del:false});

mse

10/09/2010
19:11

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

It seems like you forgot to include the new module grid.grouping.js in the head section

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

10/09/2010
19:40

mikeerickson

Huntington Beach, CA

Member

Members

Forum Posts: 34

Member Since:
29/06/2010

Offline

I dont see this file anywhere in the entire 3.8 beta package?!?

mse

10/09/2010
19:53

mikeerickson

Huntington Beach, CA

Member

Members

Forum Posts: 34

Member Since:
29/06/2010

Offline

OK, I put the following link in, still same problem

So why would an example online work no problem, you the code I am moving over does NOT work. Again, grid appears just fine it just doesnt show any group, etc.

mse

10/09/2010
20:31

mikeerickson

Huntington Beach, CA

Member

Members

Forum Posts: 34

Member Since:
29/06/2010

Offline

OK, I am deep into day two trying to get some simple grouping working and it is really getting frustrating. My jqGrid setup code looks IDENTICAL to that from the demos and I have included the "grid.group.js" as suggested by Tony and I am still getting nowhere fast.

Do you have ANY other suggestions? I am at a complete loss here? I am using the following script calls (as per the documentation)

Do I need to include ALL the .js libraries?

mse

11/09/2010
14:19

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

It is a big problem with this.

Please do not mix min file from 3.7 version with the file from 3.8.

Moreover the file is named grid.grouping.js and not grid.group.js as you write.

Please download the 3.8 and use the js dir for your development installation.

Please refer to Documentation here:

http://www.trirand.com/jqgridw.....stallation

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.