Actually this is a bug.

the problem is in this condition:

if(rowid=="_empty") $("#pData, #nData","#"+frmtb).hide(); else $("#pData, #nData","#"+frmtb).show();

Which is called after beforeShowForm and afterShowForm events.

The simple solution is to move this condition before these events, on both places where the form is constructed and after when it is shown.

Thank you all for this.

Regards

Tony

your solution
$(”#pData”,formid).css(”display”,”none”);

does not work at all.

Even my solution
$(”#pData, #nData”).hide(”fast”);
does only work every other time. If i call editGridRow(...) a second time, the buttons appear, the next time they don't and so on.

zuperts' solution
jQuery(”img#pData”).css(”visibility”, “hidden”);
does work for my website as i just want to hide all previous and next buttons in the EditForm div.

regards, christoph

This will hide all your forms when you have more than one grid.

Now I will check this. By the way could you please test with

this

beforeShowForm : function(formid){

$(”#pData",formid).css("display","none");

$(”#nData",formid).css("display","none");

}

the only I have found to make it work is following :

jQuery.jgrid.edit = {
        afterShowForm: function (form_id) {
            jQuery("img#pData").css("visibility", "hidden");
            jQuery("img#nData").css("visibility", "hidden");
        }
}

greetings

So I do not understand - does this work or no.

Regards

Tony

$(”#pData, #nData”).hide(”fast”);

i’m working with jquery 1.2.6, don’t know if that makes the difference…

You missed a comma bettwen the ids

Regards

Tony

I think that your buttonimg path is not right. I sugest you fill the caption parameter to confirm if the problem is that.

this is my source for the pager where i have defined an additional button that calls the .editGridRow method:

// pager of fifth grid
$(”#EditTableTable”).navGrid(”#EditTablePager”,{
refresh: true, edit: false, add: false, del: false, search: true
}).navButtonAdd(’#EditTablePager’,{
caption:”", buttonimg:”images/edit.gif”, onClickButton: function(){
var rowID = $(”#EditTableTable”).getGridParam(’selrow’);
if( rowID != null ) { $(”#EditTableTable”).editGridRow(rowID,{
top:260,left:20,height:267,width:310,
reloadAfterSubmit:true,
editCaption:”Grant Additional Pincode Registrations”,
closeAfterEdit:true,
beforeShowForm: function(formid){
$(”#pData #nData”, formid).hide();
}
});
}
else alert(”Please select a row…”);
},
position:”last”
});

could you please have a look at it?

Thanks, Christoph

editRow or in navGrid (which call editRow). 

Please refer to docs.

Regards

Tony

Hello Tony,

i have integrated jqGrid with success, but am having the same problem, but are too new to jquery and jqGrid. Is “beforeShowForm” an Event or a method of jqGrid or of jquery or what else?

Best Regards, Christoph

// condition here

$("#pData, #nData",formid).hide();

}

The reason is that i use an afterShowForm action that i want to do each time i load/open a record into the edit dialog.