jQuery Grid Plugin - jqGrid

What is columnname if my colModel has a serial number column like this:

colModel: [

    { name: "serialNumber", label: "Serial Number", editable:true},

    ...

], 

Doing 

$("#" + "serialNumber").prop('readonly',true);

doesn't work.

Lonewolf217 said:

you can use an event like beforeInitData() in the edit function to make the form elements disabled.  For example, make the column you want as read only to be a text editable field, then in beforeInitData, set

$("#"+columnname).prop('readonly',true);

It will still show up as an input element but it wont be editable.  Of course you can also go the extra step of hiding the input element entirely and replacing it with a span of text. I think this will work, but its late and i didn't test it so play with it

val = $("#"+columnname).val();

$("#"+columnname).hide().after('<span>'+val+'</span>');

Here's what I've tried.  None of them work:

Changing beforeInitData to beforeShowForm doesn't work either.  I'll try to find a style that shows the highlighted row more clearly and rely on the users to recognize which row they are editing

This ability to add a read-only column to the edit modal should be added as a feature request for a future release of jqGrid.