jQuery Grid Plugin - jqGrid

To be Honest, i really just need the bottom bar to say:  Viewing X records, where X starts at 40521 and each time user presses a ket X becomes the recordcount as the function View 1 of 100 -  40512 is redundant in loading by scroller.

Is it this possible with a paramter or do i need to simply get the count and redo my own footer.

Regards

Mark C

I have the same problem (version 3.6.2).

In my case, when I scroll to the next set of records (true scrolling is on), it says: View -4 – 9 of 9.
No error message so far. 

The actual problem this causes is the error message 'Invalid argument' in jquery.js.
The cause of this error message is line 682 in grid.base.js. The following statement is executed on this line: $(”>div:first”,ts.grid.bDiv).css({height : height}).
The second 'height' is a variable with value: “-160px”.

When you try to set a height with a negative value, the error 'Invalid argument' pops up.
(Only Internet Explorer generates an error message, Firefox just shows a negative value)

My grid has the following parameters (and a few irrelevant ones):
scroll: true,
rowNum: 5,
height:80, (about three records fit on one screen)

The database contains 9 records.

Do you have any ideas on how to solve this?

Thanks for the quick reply.

I double checked the server settings. They seem to match the descriptions in /jqgridwiki/doku.php?id=wiki:retrieving_data.
The following response data is communicated:

Page load, only the headers are shown, no data yet:
Request: _search=false&nd=1263818383153&rows=5&page=1&sidx=UserName&sord=desc
Response: {”page”:1,”total”:0,”records”:0,”rows”:0}
Text in the pager: No records to show

After typing the search query with the first 5 rows:
Request: q=&_search=false&nd=1263818565548&rows=5&page=1&sidx=UserName&sord=desc
Response: {”page”:1,”total”:2,”records”:10,”rows”: .. [5 rows of data]
Text in the pager: Record 1 to 5 of total 10 

Request after scrolling. Total of 15 rows are shown:
Request: q=&_search=false&nd=1263818791205&rows=10&page=1&sidx=UserName&sord=desc
Response: {”page”:1,”total”:2,”records”:10,”rows”:.. [10 rows of data]
Text in the pager: Record -4 to 10 of total 10

The server returns the pagenumber which was requested in the querystring.
This jqGrid instance also has the following setting: .datatype=”json”
The database contains 10 records now.

The grid settings:

var gridSettings = {
url: '/Users/List',
datatype: “json”,
altclass: 'alternateRow', //The class that is used for alternate rows. You can construct your own class and replace this value. This option is valid only if altRows options is set to true
altRows: true, //Set a zebra-striped grid
resizeclass: “resizable”, //Assigns a class to columns that are resizable so that we can show a resize handle only for ones that are resizable
loadtext: “Loading!!”, //The text which appear when requesting and sorting data. This parameter is located in language file
loadui: “enable”, //This option controls what to do when an ajax operation is in progress.
multiselect: true, //If this flag is set to true a multi selection of rows is enabled. A new column at left side is added. Can be used with any datatype option.
multiboxonly: false, //the multiselection is done only when the checkbox is clicked (Yahoo style). Clicking in any other row (suppose the checkbox is not clicked) deselects all rows and the current row is selected
rownumbers: false, //A column is added to count the number of available rows
scroll: true,
colNames: ['userid', 'Username', 'Student', 'Email'],
colModel: [
{ name: 'Id', index: 'Id', width: 200, hidden: true },
{ name: 'UserName', index: 'UserName', width: 200 },
{ name: 'Name', index: 'Name', width: 200 },
{ name: 'Email', index: 'Email', width: 200, resizable: true }
],
sortable: true, //When enabled this option allow column reordering with mouse.
 rowNum: 9,
height: 300,
autowidth: true, //The grid width is recalculated automatically to the width of the parent element. 
forceFit: true, //The adjacent column (to the right) will resize so that the overall grid width is maintained
autoencode: true, //When set to true encodes (html encode) the incoming (from server) and posted data (from editing modules). By example < will be converted to &lt;
sortname: 'UserName', //Initial sorting column
sortorder: “desc”, //Sorting order of default column

pager: true,
rowList: [5, 10, 20], //An array to construct a select box element in the pager in which we can change the number of the visible rows. 
viewrecords: true, //defines whether we want to display the number of total records from the query in the pager bar
pgtext: “Zie {0} van {1}”, //Show information about current page status. The first value is the current loaded page. The second value is the total number of pages
recordtext: “Rec {0} tot {1} van totaal {2}”, //Represent information that can be shown in the pager.
contextMenu: [{name:'Open',url:'/Users/Edit/'},{name:'Tewerkstelling bewerken',url:''},{name:'Rol bewerken',url:''}],
grid: $(”#test1″)
};

Thank you very much, Tony!

The grid works now, even with less than 10 rows.

When using the grid, I noticed that the zebra effect is not correct. I created a new topic for this. The grid configuration is unchanged: 

http://www.trirand.com/blog/?p.....on/#p14053