The above code works okay (but it still doesn't render a checkbox) with the last production release of jqGrid. I only get that exception with latest beta release and it still occurs even when I take off the 'afterInsertRow' event.

Try with pure grid only without any events?

"Object doesn't support this property or method" - means that something is wrong with your code.

Regards

Tony

Be a sure that the file is loaded. Also clear the cache- it should work.

Regards

Tony

Thanks for the reply-I tried that still no success - I included jquery.fmatter.js from 3.4 beta only. I then installed 3.4 beta in its entirety and then recieved "Object doesn't support this property or method" exception when calling jqGrid here is the code :-

       $("#monitor").jqGrid({
        url: 'MonitorHandler.ashx?allData=true&fcm=' + getURLParam('fcm'),
          datatype: 'json',
          mtype: 'GET',
          colNames: ['Firm', '%Usage', 'Adj Max Quan', 'BD', 'SD', 'Current Pos', 'Max Quan', 'Pos Limit', 'All Out'],
          colModel: [
                    { name: 'CreditEntity', index: 'CreditEntity', width: 120, align: 'center'},
                    { name: 'Usage', index: 'Usage', width: 120, align: 'center', number: true },
                    { name: 'AdjMaxQuan', index: 'AdjMaxQuan', width: 130, align: 'center', number: true },
                    { name: 'BD', index: 'BD', width: 40, align: 'center', sortable: false, formatter: 'checkbox',editoptions:{value:"true:false"} },
                    { name: 'SD', index: 'SD', width: 40, align: 'center', sortable: false, formatter: 'checkbox',editoptions:{value:"true:false"} },
                    { name: 'CurrPos', index: 'CurrPos', width: 120, align: 'center' },
                    { name: 'MaxQuan', index: 'MaxQuan', width: 120, align: 'center',number: true },
                    { name: 'PositionLimit', index: 'PositionLimit', width: 120, align: 'center', number: true },
                    { name: 'AllOut', index: 'AllOut', width: 80, align: 'center', sortable: false, formatter: 'checkbox',editoptions:{value:"true:false"}}],
          sortname: 'CreditEntity',
          afterInsertRow: function(rowid, rdata) {
            if (rdata.Usage >= 50.0 && rdata.Usage < 80.0) {
              $('#' + rowid, '#monitor').css({ background: '#FFFF00' })
            }
            else if (rdata.Usage >= 80.0 && rdata.Usage < 90.0) {
            $('#' + rowid, '#monitor').css({ background: '#DA70D6' })
            }
            else if (rdata.Usage >= 90.0 ) {
            $('#' + rowid, '#monitor').css({ background: '#FF0000' })
            }
          },
          sortorder: "desc",
          imgpath: 'jscript/themes/basic/images'
        });

Any ideas ? Also can you tell me how I can change the color of a row dependant on its value after I have updated a row(s) using setRowData.

Thanks again Tony BTW great jQuery is a great piece of work

In your case you will have checkbox when you edit the data. To solve this use the new formatter. You just need this:

{ name:

'BD', index: 'BD', width: 40, align: 'center', sortable: false,

formatter:'checkbox',editoptions:{value:“true:false”}},

I.e replace edittype with formatter. Do not forget to include the jquery.fmatter.js from 3.4 beta.

Regards

Tony

{ name:

'BD', index: 'BD', width: 40, align: 'center', sortable: false,edittype:'checkbox',editoptions:{value:"true:false"}},

But when the table is displayed I see "true" or "false" in that column can you tell me where I've gone wrong. The JSON data return by the server passes back "true"/"false" for this item.

Thanks