jQuery Grid Plugin - jqGrid

I have now worked around this issue.

What I think is was happening is that when I set the postData option I was overriding the fields set by the pager.

As a work around I build a little helper method that grabs the existing postData that also contains the pager fields and then I just appends my data to it.

This now works for me but I can't help wondering if there is not a neater way to do this?

The following code may or may not be usefull to someone else trying to do the same thing.

This is the helper method that turns the fields in an external form into an object that can be passed to the postData option.

The method expects a jquery selector to find the form that is to be posted on every request. The method is also passed an existing postData object that is merged with the values retrieved from the form fields.

+++++++++++++++++++++++++++++++++++++++++++++++

function objectFromForm(selector,extraData)
        {
            var source,target;
            
            source = $(selector).serializeArray();
            target = {};
            
            /* Turn the form into an object. Values for duplicate key names are added as a comma seperated values. */
            $.each(source,function(i,item)
            {
                var key,value;
                key = item.name.toLowerCase();
                value = item.value;
                if(key in target)
                {
                    value = target[key] + "," + value;
                }
                
                target[key] = value;
            });
            
            /* Append extraData to form (extraData does NOT override form fields.) */
            $.each(extraData,function(key,item)
            {
                if(!(key in target))
                {
                    target[key] = item;
                }
            });
    
            return target;
        }

+++++++++++++++++++++++++++++++++++++++++++++++

The following code is then added to the beforeRequest handler. Now after every request the current form is also submitted including all the relevant paging information. One stupid thing in this implementation is that checkboxes and other form elements that don't get posted when they are unchecked must be manually removed. So changes to the form require changed to this code. 🙁

beforeRequest:function()
            {
                var postData, formData;
                
                /* We need to do this to persist the paging data accross requests. */
                postData = $('#resultGrid').getGridParam("postData");                
                
                /*
                We need to remove any form elements that are not submitted if empty. checkboxes, radio fields etc.
                Without this code any set values will never be unset on subsequent requests.
                */
                delete postData["purchaseorderid"];
                formData = objectFromForm("#frmFilter",postData);
                $('#resultGrid').setGridParam({postData:formData});
                
            }