jQuery Grid Plugin – jqGrid

YES, finaly the event system!
Thank you on that one!!!

Now, I miss only one last thing, and jqGrid is for me perfect!
I need the feature to save the hole state of the grid: filters, selected row, sorting and so on, to load it again if I leave the page with the grid and come back.

Best regards
Christian

existe un bug en la grilla y es que cuando aplico el forzenColum y hago doble click sobre algunas de las columnas forzadas genera un error segun Firebug

Great news! Thanks

Thanks for the new release. I downloaded it and tried to see if the import export issue is fixed, but found that this still exists.

Following is the issue I face, which is working with version jqGrid 3.8.2

I have been trying to get import and export working using version 4.x (4.2.0).

var exportedGrid;

…

exportedGrid = $(“#grid”).jqGrid(‘jqGridExport’,{exptype:”xmlstring”, root: ‘grid’});
…

$(“#grid”).jqGrid(‘GridUnload’);

$(“#grid”).jqGrid(‘jqGridImport’,{imptype:”xmlstring”, impstring: exportedGrid, xmlGrid: { config: ‘grid’, data: “” }, importComplete: function() {alert(“Imported”);}}).trigger(“reloadGrid”);

This works fine with version jqGrid 3.8.2. If i do this with jqGrid 4.x versions, the import causes several javascript errors (unterminated string literals etc).

I use formatter functions for some columns and also have a function reference for the onSelectRow jqgrid property.

From what I can tell of the xml put into exportedGrid, it seems that it pulls in the whole function referenced by the formatter or onSelectRow properties – and any quotes used within the formatter / selectRow function break the xml / javascript (they are not escaped properly).

This is also an issue with the jsonstring input / output.

Can you please try to fix this as well?
or if it has been fixed can you please explain a small example in the documentation you are preparing for the new release?

Thanks
sudha

in chrome ver.20.0.1096.1 dev-m , jqgrid 4.3 + ‘s css is wrong. ,please check ,thanks.

Excellent.
Very glad that the final piece for me – multi sorting and grouping will be here.

Keep up the great work!

I’m very happy for the new version.

Regards!!!

Yes I can confirm the chrome css issues . It seems that I have an extra horizontal scrollbar in chrome beta as of 19.0.1084.24 beta-m

Can i see the Printing?

I still don’t see any documentation or examples up on this page http://www.trirand.com/blog/jqgrid/jqgrid.html Do you know when they will be up ??

i found a bug in jquery.jqGrid.min.js (4.3.2),which will show a extra line in IE9 or sogou browser(which base on IE .

the bug is in line 121:”.append(“”).append(this)).addClass(“ui-jqgrid-bdiv”)”,the “” will make a line in table ,please see it and fix it.

i remove the code “:”.append(“”)”,and is ok
last comments is change to html

@Christian About saving grid state: look at the answer and another answers referenced at the end of the text. One can modify the solution which I suggested before to make it perfect by usage of new events supported by jqGrid now. I plan to provide the corresponding example in the next time.

Hi Oleg, is there a way to accomplish column grouping (like row grouping)?

Hello, and thanks for the great work.
Short note about a functional problem: The validation error message on save is done (forgot?!?) with empty string parameters for createModal’s insertSelector, posSelector (see info_dialog function). If I use the grid in a parent object, closing the parent object leaves the error on the screen. I was able to solve this matter, locally using an ugly trick, but is a pity it is not included.
Note: i am not able to use errorfunc because I work with a local client json array.
Also I use multiple grids on the same screen.

What I did is the following, very ugly:

var extendedCreateModal = $.jgrid.createModal;
$.jgrid.createModal = function(aIDs, content, p, insertSelector, posSelector, appendsel, css) {
if(p.left.parentNode) {
appendsel = false;
insertSelector = “#gview_” + p.left.parentNode.parentNode.id;
posSelector = $(insertSelector)[0];
}
p.left = 200;
p.top = 70;
return extendedCreateModal.apply(this,arguments);
};

var extendedfindPos = $.jgrid.findPos;
$.jgrid.findPos = function(obj) {
var posTemp = extendedfindPos.apply(this,arguments);
return [obj,posTemp[1]];
};

once again, thanks for the works, and I will donate if I succeed to make some money out of it 🙂

Hi guys,
are the examples and docs on new events system out yet? I can’t find it.

@adam k
This is jqGrid Documentation
and for Demo

Can I include file grid.php twice on the same page? I use jquery tab.

Category
Unit
Brand

Thank you.

why does my jqGrid pager always show “Page 1 of 1”, but indeed I have 3 pages.(records count is correct: “View 1 – 10 of 21”)
I get json data from server by servlet. data format likes:
[code]
{“rowsCount”:21,”curPage”:1,”totalPages”:3,”trade”:[{“buyer_nick”:”qrh880127″,”buyer_rate”:false,”created”:”2012-04-27 10:57:16″,”tid”:143904531094188},{“buyer_nick”:”qazqaz”,”buyer_rate”:false,”created”:”2012-04-26 11:48:01″,”tid”:143904530826889},{“buyer_nick”:”qazqaz”,”buyer_rate”:false,”created”:”2012-04-26 11:45:05″,”tid”:143904530806889},{“buyer_nick”:”zmj925″,”buyer_rate”:false,”created”:”2012-04-19 13:54:33″,”tid”:143904583036325},{“buyer_nick”:”blueskyjerry”,”buyer_rate”:false,”created”:”2012-04-18 13:31:42″,”tid”:143904581905593},{“buyer_nick”:”blueskyjerry”,”buyer_rate”:false,”created”:”2012-04-11 10:58:28″,”tid”:143905160395593},{“buyer_nick”:”blacksource”,”buyer_rate”:false,”created”:”2012-04-11 10:16:14″,”tid”:143905160387047},{“buyer_nick”:”wangfei”,”buyer_rate”:false,”created”:”2012-04-11 09:49:38″,”tid”:143905160156240},{“buyer_nick”:”wangfei”,”buyer_rate”:false,”created”:”2012-04-11 09:43:43″,”tid”:143905160146240},{“buyer_nick”:”wangfei”,”buyer_rate”:false,”created”:”2012-04-10 21:44:24″,”tid”:143904498796240}]}
[\code]
and jgridreader is setted:
[code]
jsonReader : {
root:”trade”,
id:”tid”,
repeatitems:false,
records:”rowsCount”,
currpage:”curPage”,
totalpages:”totalPages”
},
[\code]

pls tell me which mistake I make?(I use jGrid 4.3.2)

I see the documentation is available with PHP. How can i use this with PERL? is it usable with PERL just as with PHP?

pl. advice.

ty.
Rajeev

setCell / non-editable-cell does nothing. The cell is still editable. There is a slight missing part of the “if” statement in editRow.

8913: if ( nm != ‘cb’ && nm != ‘subgrid’ && nm != ‘rn'{

SHOULD BE:

8913: if ( nm != ‘cb’ && nm != ‘subgrid’ && nm != ‘rn’ && !$(this).hasClass(“not-editable-cell”)) {

Where are the demos that are mentioned in the post?

Hey, “Documentation and examples will be done at end of this week” – more than one month has passed and still no sign of documentation update? Also http://trirand.com/blog/jqgrid/jqgrid.html doesn’t look updated since 3.7 – is it abandoned?

Hi,

I am using jqgrid 4.3.2 to do inline add but I am facing some problem. the grid works fine when i add first row. but as i add second row to it, it throw JS error:

Message: ‘k[…].name’ is null or not an object
Line: 381
Char: 412

Can somebody please help me with this. I did some analysis and found that this occurs with IE7 only and works perfect with IE8, FireFox.
I am in urgent need for this to be fixed.
It would be great if anyone can help me with a fix.
Thanks in advance.

Where is download？

I am having the same problem as Vijyeta. Please advise how to resolve.

//Using new event system example:
$(grid).bind(“jqGridSelectRow.yourEventNamespace”,function(rowid){
alert(rowid)}
);

// where SelectRow – part of jqGrid event name
// gridComplete – ‘jqGridGridComplete’
// ondblClickRow – ‘jqGridDblClickRow’
// etc

$( grid ).unbind(“.yourEventNamespace”,function(rowid){alert(rowid)});

Thank you Very much for your great work!!

I am using JqGrid for all of my PHP projects, its easy to create and very useful.. Thanks for this great work!

Regards,
Hary

have bug in chrome… horizontal bar =/

Thank you very much for your great work!!

appendPostData() does it work in jqgrid4.3.2?

I have to add multiple row using add new row (+) without saving the information to data base but when we will click the Save All link, the information needs to save in data base which is newly added by multi row add function. Please can you guide me how we can do it or anyone did the same futurs please share with me. it will be helpful for me to achive it.

I am in urgent need for this to be fixed.
It would be great if anyone can help me with a fix.
Thanks in advance.

How can i achieve insert new row in between 2 rows