jQuery Grid Plugin - jqGrid

Thanks for the reply. Yes with pure Ajax service accept the parameter. 

Let me give the example:

In VS 2010 I have added WCF service.

Public Function GetInfo(sidx As String, sord As String, page As Integer, rows As Integer, infoid As String, nd As Integer, _search As Boolean) 
As InfoDataForJqGrid Implements IInfo.GetInfo

End Function 

The binding used is "webHttpBinding".

In Html i'm trying to send the parameter to the WCF service. But not sure how to do this. I have used below option:

 
function loadGrid() {
    jQuery("#tblInfo").jqGrid({
        url: 'Services/Service.svc/getInfo',
        postData: {
            infoid : function () {
                return "1"; // $("#infoid ").val();
            }
        },
        mtype: 'POST',
        datatype: 'json',
        ajaxGridOptions: { contentType: "application/json" },
        serializeGridData: function (postData) {
            var propertyName, propertyValue, dataToSend = {};
            for (propertyName in postData) {
                if (postData.hasOwnProperty(propertyName)) {
                    propertyValue = postData[propertyName];
                    if ($.isFunction(propertyValue)) {
                        dataToSend[propertyName] = propertyValue();
                    } else {
                        dataToSend[propertyName] = propertyValue
                    }
                }
            }
            return JSON.stringify(dataToSend);
        },
        jsonReader: {
            root: "d.rows",
            page: "d.page",
            total: "d.total",
            records: "d.records"
        },
        colNames: ['Code', 'Title', 'Price', 'Product Group', 'Edit', 'Status'],
        colModel: [
                    { name: 'Code', index: 'Code', width: 75, align: 'center' },
                    { name: 'Title', index: 'Title', width: 40, align: 'center' },
                    { name: 'Price', index: 'Price', width: 55 },
                    { name: 'Product Group', index: 'Product Group', width: 100 },
                    { name: 'Edit', index: 'Edit', width: 40 },
                    { name: 'Status', index: 'Status', width: 40}],
        pager: '#pager',
        rowList: [10, 20, 30],
        sortname: 'Code',
        sortorder: 'desc',
        rowNum: 10,
        loadtext: "Loading....",
        shrinkToFit: false,
        multiselect: true,
        emptyrecords: "No records to view",
        //width: x - 40,
        height: "auto",
        rownumbers: true,
        //subGrid: true,
        caption: 'Products'
    });
    jQuery("#prodgrid").jqGrid('navGrid', '#pager',
                { edit: false, add: false, del: true, excel: true, search: false });
    //});
}


Now in the seralizeGridData i get the proper string, but service is not getting called. 
It gives error "500 INternal server error". This works fine if I have Ajax enabled wcf service.
Please let me know what I'm missing here.
Thanks for quick reply.
Manju

Hello,

Thanks for quick reply. I have already tried sending data with and without JSON.stringify.

Service is not called somehow. IN normal case, if I have to send parameters to the service method I use

"data" parameter. Is it something related to that?

Waiting for reply.

Thanks,

Manjushree

Hello,

With the above code now I want to dynamically add the columns. The colNames and colModel will come through the service. Will you please let me know how to do it?

Thanks in Advance,

Manju