jQuery Grid Plugin – jqGrid

downloaded jqGrid from this site, and there is some files missing inside…
i hope you will check this!?
thx!
bye

Do you have a simple example page like you did for version 2? I just need to know how to get the grid working without the splitter and tab plugins that are a part of your example page.

Thank you.

I figured it out. Instead of loading the script like this:

I had to put this in the head section of the page:

jQuery(document).ready(function(){
var grid1 = jQuery(document).ready(function(){ ….
….
})

hello again…
i have downloaded the complete demo from your page, uploaded to my site (at Freehostia) and raned it from there and all i get is that browser can not parse the data ( there is red sign says loading and its just keep hanging on) do i have to change something in some files, or i have to have some options enabled on my web host provider?
p.s. i mean there is one file named server_ado.php do i have to change some paths there?

firstly thx for nice plugin… i can imagine, and knows its not a easy job…
but, as we are here….
files in your root folder are not same as those i found in jqgrid_demo.zip file ie. some .php files are like empty?!
i unzipped this demo file, uploaded to my web site but still nothing is loading ( there is red loading sign hanging but nothing is loading to the table.. i really like this plug in for its uniqueness but… i hope this will be resolved in the future so that even novice can handle this one…

sincerely

mario

Thanks for the new demo page and for all of your hard work on jqGrid.

Is there a way to execute a function after the table has loaded? I want to change the background color of certain rows based on their content. I know how to get the content and how to change the class in tr to change the color – but my code keeps executing before the data has been loaded. I don’t want the user to have to click to activate it.

Hi Tony,
Hi Tony,

Great job, thanks!

May I suggest that in multiselect, support SHIFT and CTRL, just like
GMail does. Which means that you can press SHIFT and select a range of
items.

Jiming

Hi Tony,
How to generate image/link in client side, i don’t know how to use setRowData, please give me the sample.

Hi Tony,

I just wanted to first say that your plug-in is great. In the way I want to set up my grid, I wont know the number of columns or names until i get the response back from the server. So i added this into the xml that gets sent back in the response. The problem I’m running into is trying to set the colNames. From what I can tell in your code you go ahead and setup the colNames in table header tags before you even make the ajax request, around line 570. Is this correct? If not please correct me. So I tried to make the call to the server before appending the column names in the html, but can’t get that to work. I was wondering if you could give me some advice, or a better approach to take or even a solution :).

Thanks,

Matt

Awesome. Your plugin is a must-have.

Hey Tony,

Thanks for the reply, what you mentioned worked fine. I just wrote another function that made the ajax call getting the header information and set the option async:false, which did the trick.

Hi,
I would like to have a multiselect using datatype=’local’. It makes me javascript error
…
Error : ts.p.colModel[pos] has no properties
Source file : xxxxxxx/jqGrid.js
Line : 287
…
My script perfectly works without the ‘multiselect : true’ option.
Any idea?

Thanks

Tony,

I use the mydata structure as in the “Array Data” exemple :
var mydata = [ {id:”1″,invdate:”2007-10-01″,name:”test”,note:”note”,amount:”200.00″,tax:”10.00″,total:”210.00″}, {id:”2″,invdate:”2007-10-02″,name:”test2″,note:”note2″,amount:”300.00″,tax:”20.00″,total:”320.00″}, {id:”3″,invdate:”2007-09-01″,name:”test3″,note:”note3″,amount:”400.00″,tax:”30.00″,total:”430.00″}, {id:”4″,invdate:”2007-10-04″,name:”test”,note:”note”,amount:”200.00″,tax:”10.00″,total:”210.00″}, {id:”5″,invdate:”2007-10-05″,name:”test2″,note:”note2″,amount:”300.00″,tax:”20.00″,total:”320.00″}, {id:”6″,invdate:”2007-09-06″,name:”test3″,note:”note3″,amount:”400.00″,tax:”30.00″,total:”430.00″}, {id:”7″,invdate:”2007-10-04″,name:”test”,note:”note”,amount:”200.00″,tax:”10.00″,total:”210.00″}, {id:”8″,invdate:”2007-10-03″,name:”test2″,note:”note2″,amount:”300.00″,tax:”20.00″,total:”320.00″}, {id:”9″,invdate:”2007-09-01″,name:”test3″,note:”note3″,amount:”400.00″,tax:”30.00″,total:”430.00″} ];

Everything is done like in your example, including the addRowData method. Except that I build the mydata into a loop from my own js object.

Thanks for your reactivity.

Thank you, i would appreciate that you explain me was has to be done if it doesn’t take to much of your time.

Regards
Pascal

It works but only the first row appears (I should have 4 rows). What is more, i lost the content of my first column.

You don’t have to be sorry. That ‘s a great plugin you working on. It saves me a lot of time. Thank you

Hi Tony,

While loading a data grid in a page, how can i call a user defined function:

jQuery(“#a3″).click( function(){
var gridD = jQuery(‘#list2’).getRecords();
var su, ret, img = ”;
for(i=1;i”});
}
});

Thanks for the great plugin and the willingness to help everyone use it.
I had a problem similar to Scott’s above in that I need to do make a call after the table has loaded. I’m doing some processing on the data severside and I need to be sure that the database call has finished before I ask for the processed result. Anyway, I added a little bit to your code to hook into the ajax callbacks. If your interested in seeing it I’d be happy to send over a patch.

Hi,

It seems I have an problem when I try to use 2 grid on same page. Display works fine but delRowData setRowData try to work on the wrong grid.
Does anyone have the same problem?

Thank you again for your reactivity. My application is in a go way now and I think I won’t find bugs anymore.

Regards
Pascal

Hi Tony,

Do you you think it is possible to add a ‘hide’ parameter into the colModel. This would allow to define an attribute to a row object without displaying column in the grid. It is usefull when user doesn’t have to see unique id of a row.

Thank you

Thanks Tony…

Now i’m able to call function after grid get loaded.

jQuery Grid is great… thanks..

Are the toXmlData & toJSONData functions still a work in progress? They’re mentioned in your blog entry & the documentation, but I don’t see them in the 3.0 version of the source.

btw, thanks for a great plugin! I’ve given it high marks at the jquery plugin page (http://jquery.com/plugins/project/jqGrid).

Hello,

Is there a place to suggest some ameliorations to avoid bugs (currently here on ie)

Because I want to use the 100% height value… (so “” on firefox, but ie don’t like)

Suggestion :

Instead of : ts.p.height+”px”, you could do ts.p.height+(isNaN(ts.p.height)?””:”px”)

What else : jqGrid is simply good, thanks (Alain)

Hi Tony,

i detected a problem with loading xml data in safari. First thought was an error in my implementation of your (very fine) plugin. But after checking the example pages i realized that every example with xmldata does not work in safari. The JSON examples on the other hand work fine. Do you have a hint/idea? If you need support on testing/debugging with safari feel free to contact me.

Kind regards
Dirk

Great work,, this is the first time i visite this site,, still working like that.

How in method POST ?:
jQuery(“#list5”).jqGrid({
url:’./php/queryphp’,
datatype: “json”,
height: 150,
colNames:[‘Index’,’Usuario’, ‘Nombre’],
colModel:[
{name:’id’,index:’id’, width:65},
{name:’usuario’,index:’usuario’, width:150},
{name:’nombre’,index:’nombre’, width:100}
],
rowNum:12,
// rowList:[10,20,30],
imgpath: ‘images’,
pager: jQuery(‘#pager5’),
sortname: ‘FECHA’,
viewrecords: true,
sortorder: “desc”
});

I’m pretty happy about this plugin. I have difficulty sometimes with the sizing, I’d like to be able to control the header table and pager sizes directly through the CSS. Is this something you’d be interested in incorporating?

Thank you for all of you work, I’m happy to help in any way.

Is there a difference in the way that onSelectRow works when multiselect is enabled?

For Example:

$(‘mylist’).jqGrid({ multiselect:true,onSelectRow: function(iRow){ alert(“select row triggered”); }, …});

I get the alert when the grid is initialized, but not when I select rows thereafter, which is the opposite of what I’d like.

The functionality I am going for is:
a) Ignore the event if it’s just the jqgrid reloading
b) function a if user is selecting row
c) function b if user is unselecting row

I think that sounds like the perfect way to handle it.

I’m not sure why the second parameter (selected) would only be accepted if multiselect is true. I guess that since there is no way to ‘unselect’ a row without multiselect enabled, it makes sense that you wouldn’t need to bother with the selected variable.

I guess if I were to write a method which I expected to work with both multiselect and non-multiselect grids, I would expect that with the non-multiselect grid that the ‘select’ boolean variable would just always be true when onSelectRow is called. If that wasn’t the case then I could easily program around it, but it seems intuitive to me that way.

Whichever way we can do it, I appreciate it.

Thank you again.