jQuery Grid Plugin – jqGrid

Tony! Multiple search toolbar is really awesome! It’s a great and very pleasant surprise for me. I think it’s a very useful thing! Thanks a lot!!!
P.S. Waiting for roadmap…

Tony! Multiple fields search is awesome! It’s a great and very pleasant surprise for me. I think it’s a very useful thing. Thanks a lot!
P.S. Waiting for roadmap…

Minor typo with docs for addRow: http://www.secondpersonplural.ca/jqgriddocs/_2eb0gp197.htm
this:
jQuery(“#grid_id”).addGridRow( “new”, options );

should be:

jQuery(“#grid_id”).addRow( “new”, options );

This is a fully loaded plugin, absolutely choc’ed full of features

This grid is so cool and very useful. Excellent work!

Thank you Caspar, I’ll get that fixed asap

Reg

I wish the word “demo” in the sentence “Be a sure to visit the demo page” was linked to the demo page. I don’t see a demo link in the navigation on the top or side of the page, either. Where is it?

-thanks

If you’d like to post the invoice example done for ColdFusion programmers, contact me at hal at halhelms d o t com.

Hi,
I try to use the table to grid feature, but it fails, I keep getting the message that $(this).jqGrid is not a function in the tbltogrid.js
Thanks,

Hi, there seems to be a bug on FireFox 3.0.4 on one of the demos

Load the “New Since Beta 3 –> Resizable Columns” demo.

Without adjusting any of the column widths, try to scroll the horizontal scrollbar fully to the right

You’ll see its impossible to scroll it 100% right, since the grid readjusts itself somehow, and the scrollbar moves back to 90%. This of course all happens very quickly and so the net result is just a flickering grid and scrollbar

Is there a list of companies or websites using jqgrid?
Has any high traffic site used jqgrid so far?

I stumbled on to jqgrid while looking for alternative for complex YUI data table. I really like jqgrid so far

Hi!

I have written a small sample about how integrate jqgrid and Django on http://code.google.com/p/appfusedjango/. As in the previous version I needed to add a line to make the code work for me

709d708
<
770d768
< if(ts.p.jsonReader.cell) cur = cur[ts.p.jsonReader.cell];

Best regards,

—
Toni

Hi,

I am trying to upload a file/image using form edit. Can anyone help me to do this.

Thanks

Hi. First of all: Thanks, great plugin.. exactly what I was looking for.
I’m using the navigator example on my local server and I can read from my DB without any problem, also switching between different tables.

Can anyone explain how to set the someurl.php to INSERT, UPDATE and DELETE data?

Thanks in advance.
Cheers

Hi Tony,i’ve reg a id on the Form but cannot open any post,maybe cause of proxy(i cannot open your blog or form without proxy). therefore i post a question here, and feel sorry..
on jqGrid 3.3.2, use this parm :
” multiselect: true,
// multikey: ‘ctrlKey’,
onRightClickRow: function(rowid) {
alert(rowid);
},
”
when rightclick a item, alert OK,BUT this row is selected.
Without use of onRightClickRow function , only popup normal right-click context menu,no row select action.
I want no select-action with use of onRightClickRow, how can i deal with it?

Thanks again for your excellent job!

———–
not sure post succeed,sorry again..

cristian :
Can anyone explain how to set the someurl.php to INSERT, UPDATE and DELETE data?
Thanks in advance.
Cheers

Tried succesfully to use Add, Edit and Delete queryes with 3 separated methods. Now I would like to use the navgrid.js, but which options should I have to put into this?
jQuery(“#grid_id”).navGrid(selector,options,pEdit,pAdd,pDel,pSearch );

Regards

Carpii :
Hi, there seems to be a bug on FireFox 3.0.4 on one of the demos
Load the “New Since Beta 3 –> Resizable Columns” demo.
Without adjusting any of the column widths, try to scroll the horizontal scrollbar fully to the right
You’ll see its impossible to scroll it 100% right, since the grid readjusts itself somehow, and the scrollbar moves back to 90%. This of course all happens very quickly and so the net result is just a flickering grid and scrollbar

Hi,

This is also happening in IE7.
I am using jqGrid 3.3

Can you give me some help?

Thanks in advance

Hi!

It is really somthing amazing this plugin … thanks a lot dear.

But i have got a prob; I raed the documentation and tried to work on the tutorial but I have got no data inside the grid ..

I have copied and pasted the code as it is and created the database and all mentioned files but no result …

Please any help for that or somthing to do ..

Thanks for help

Hi this is really amazing,
Can anyone help me create a basic editable grid in which i can rightclick on the record and a menu should be shown saying edit and delete please.. thankig you in advance.

Hello
Has anyone implemented the cellEdit: true feature. For some reason if the column names have a space, then the behavior changes. It is not able to detect the editted value, and on sorting the column the arrow showing the sort order also disappears. This may be a bug

Um, there’s no link to any plugin included in this article …? Am I missing something here? Where is the plugin? Where’s the beef, dudes?

Hi
I am doing a project and i have to do some analysis on using different jquery grids. Is there a document somewhere i can look which all companies are using the jqgrid in their websites.
Thanks

Thank you Reg for the great job….

Can anyone please help me

In jqgrid i want a context menu which function when right click menu appears and i click the next row it escape suddenly

Tony,
Subgrid and Tool bar search was very use full thank you !!

Hi

I want to print formField( which i wrote in below function) into Jquery subgrid.could u tell me how to resolve this issue.

JavaScript:
……………..
var counter = 0;
function createtext(categoryName){
counter += 1;
var myname;
var inputs = document.getElementsByTagName(“select”);
for (x=0;x<inputs.length;x++){
myname = inputs[x].getAttribute("name");

if(myname=='accList'){
var selObj = document.getElementById('selectAttributes');
var i;
var count = 0;
var selectedArray = new Array();

for (i=0; i<selObj.options.length; i++) {
if (selObj.options[i].selected) {
selectedArray[count] = selObj.options[i].value;

var result = "";
var parent = document.getElementById('f1');
var label = document.createElement('LABEL');
label.appendChild(document.createTextNode(selObj.options[i].value));
var field = document.createElement('INPUT');
var fieldName = selObj.options[i].value;

field.type = 'text';
field.name = fieldName+"_"+counter;
field.value= "";
var breakL= document.createElement('BR');
var formField = document.createElement('DIV');
formField.appendChild(label);
formField.appendChild(field);
formField.appendChild(breakL);
var parent = document.getElementById('addMessage');
parent.appendChild(formField);
count++;
}
}
}

………………..
Jquery:
………..
$(function() {

$("#table-ratings-given").jqGrid({
datatype: "local",
height: '100%',
width:739,
colNames: ["“],
colModel: [
{
name: ‘actions’,
index: ”
}
],

caption: “Text Fields”,
subGrid:true,
setSubCustomData:’project’,
setSubCustomFunction: getRatingRecievedDetails
});

var mydata = [
{
actions:”TEXT FIELD 1″
},
{
actions:”TEXT FIELD 2″
},
{
actions:”TEXT FIELD 3″
}];

for (var i = 0; i <= mydata.length; i++) jQuery("#table-ratings-given").addRowData(i + 1, mydata[i]);
$("#table-ratings-given").setHeaderActions("#topDiv");

});

function getRatingRecievedDetails(data, divId, abc) {
var myData = [{actions:'tavant'}];

var rowData = '';
$.each(myData, function(i, n){
data='tavant';
if(n.actions == data) {

var getField="om";
rowData +=getField;
// rowData +='textfields Rating:’+’hellooooo’+’Overall Satisfaction Rating:’+n.rate2+’Timely Delivery of Service and Product Rating:’+n.rate3+’Technical Competency and Professionalism Rating:’+n.rate4+’Courtesy Service Rating:’+n.rate5+’Comments’+n.comments+”;
}

})

$(“#”+divId).html(rowData);

}

that formfield value should featch in rowDta but i am not able to solve this issue.
please help me.