jQuery Grid Plugin – jqGrid

When it will be on GitHub?

I am sure you have already found it but just in case (it is already on GitHub)

http://github.com/tonytomov/jqGrid

Thanks for your work !!!

Thanks for the great plugin!

Guys, there is a bug on the demo site. You’ll see it using IE. I use this great plugin in a huge business software for multiple pages. Thanks! For the moment my customers are complaining about the multiselect behaviour. The performance of row-clicks in bigger tables is quite bad, in FF and IE (version 1.7.2). I didn’t have these problems using another plugin (which doesn’t satisfy other requirements) for the same table. I guess this performance issue is due to the selector (id, context) of multiselect checkbox (which I’m by the way required to hide). Is there a posibility to improve the performance? Thanks.

looks like demo page doesn’t work

Demo page does not display in IE8

Also there is one more problem that I noticed. The data when there are two tables in the same page within different divs, I see that the data is only shown on the first table. In the below example, the data is only shown in the first table under mydiv1.

Say I have this

var someData [
{col1:’val1′, col2:’val2′, col3:’val3′},
{col1:’val1′, col2:’val2′, col3:’val3′}
];
var tableOptions=
{
datatype: ‘local’,
data:someData,
colNames:[‘Col-1′,’Col-2’, ‘Col-2′],
colModel :[
{name:’Col1′,index:’Col1′, sortable:false, width:25},
{name:’Col2′,index:’Col2′, sortable:false, width:25},
{name:’Col3′,index:’Col3’, sortable:false, width:25},
],
rowNum:50,
height:80,
width:220,
viewrecords: true,
page:1,
loadonce:true,
hoverrows:false,
hidegrid:false,
gridview:true,
forceFit:true,
scrollOffset:0,
shrinkToFit:false
};
jQuery(“#jGridDataTable”, $(“#mydiv1”)).jqGrid(tableOptions);
jQuery(“#jGridDataTable”, $(“#mydiv2”)).jqGrid(tableOptions);

Somewhere in the code i have two grids with the same data split by div (actually these divs are shown on different tabs)

Updated from 3.8 beta to 3.8 release…..It says: “No such method: navGrid” now.
What to do?

it’s alright, my build wasn’t full enough

Demo still using the beta files?

Any list of chances since the beta?

The treegrid in this version is displaying the child nodes under the wrong parent.
The children are being displayed under the node after the parent.

@JA
Why do you use same id (jGridDataTable) for two grid ?

@Joku: Try this fix:

http://github.com/flack/jqGrid/commit/3f59f8669bc819e95fff6ce6893c91a666b9d4bc

Don’t know if it works in all situations, but it did fix the bug for me

I can’t set the loadComplete or gridComplete event with this version.
The code for jqgrid is:
jQuery(“#jqgrid”).jqGrid
(
{
gridComplete: xa.call(this, “#” + subgrid_table_id),
‘jqGridImport’:
{ impurl: “myurl?oper=cfg”,
imptype: “xml”,
xmlGrid: { config: “roots>grid”, data: “roots>rows” },
mtype: “POST”,
importComplete: function () {
$(“#jqgrid”).jqGrid(‘navGrid’, ‘#jqPager’,
{
edit: true,
add: true,
del: true,
position: ‘left’
},
{ reloadAfterSubmit: true }, {}, {},
{ multipleSearch: true },
{ closeOnEscape: true });
}
}
}
);

From the impurl is comming only the configuration, and jqgrid made another request for data.
ex:
/GetXml?Id=17POST0trueautotruetrue10#jqpager1xmltruefalsePurchase that will be generated by your delivery requestPartNumberIdPartNumberIdtruetruetruetrueintegerPartNumberId.1disabledreadonlytruetextNameNametruefalsetruefalsePart no2textareaProductNameProductNametruefalsetruefalseProduct3textareaIsoCodeIsoCodetruefalsetruetrueIsoCode4textareaCountryCountrytruefalsetruefalseCountry5textareaRequiredQuantityRequiredQuantitytruefalsetruetrueintegerRequiredQuantity.6truetextQuantityReservedFromStockQuantityReservedFromStocktruefalsetruetrueintegerQuantityReservedFromStock.7truetextQuantityReservedFromPurchaseQuantityReservedFromPurchasetruefalsetruetrueintegerQuantityReservedFromPurchase.8truetextMin_quantityMin_quantitytruefalsetruefalseintegerMin purchase units.9truetextQuantityNeedToBePurchasedQuantityNeedToBePurchasedtruefalsetruefalseintegerTo be purchased.10truetextQuantityAvailableOnPurchaseQuantityAvailableOnPurchasetruefalsetruetrueintegerQuantityAvailableOnPurchase.11truetextQuantityReservedOnPurchaseQuantityReservedOnPurchasetruefalsetruetrueintegerQuantityReservedOnPurchase.12truetextrowsrowrows>pagerows>totalrows>recordstruecell[id]userdata

The problem is that the loadComplete and gridComplete is raising after configuration load and not after data load, and the only way to make them working was using javascript call, because normal inline anonymous like function(){…} don’t work at all.

Try this link http://geotekh.com/geoi/ or http://geotekh.info/geoi/

Downloaded the demo files and found not a one of them includes the jquery script. Am I missing something? None of them work for me.

I have implemented grid successfully but it not showing using new api. I have placed:-

jQuery.jgrid.no_legacy_api = true;

before jquery.jqGrid.min.js

I have tested almost 100 times if there is any problem in implementation. There seems no mistake to me. Grid works perfectly if I call it as :-

$(function(){
$(“#list”).jqGrid({

but It won’t work if I will call it as:-

jQuery(“#list”).jqGrid(

any suggestion?

When I add grouping to a grid that has subgrids configured, the grouping works, but the subgrids no longer show.

i think it is very usefull to be able to expand/collapse all groups with a single action.
regards
Salvatore

3.8 grouping looks like it requires jquery 1.4.1 is that correct? using 1.3.2 i receive a .nextUntil is not a function…

jqGrid don’t work with jQuery 1.4.3. 🙁

With jQuery 1.4.2 all is fine!

Hello,
Thanks, but we have tested the grid with jQuery 1.4.3 and it works ok.
Please provide example where this is happen!

Just for your pleasure we have replaced the jQuery lib into demo with the latest one – i.e 1.4.3 and everything work fine. Just test it
http://trirand.com/blog/jqgrid/jqgrid.html

Best Regards
Tony