jQuery Grid Plugin - jqGrid

Hi,

   I have a jqgrid that looks like this

$("#cclist").jqGrid({ //url: ResolveUrl() + '/CC_DoctorList', datatype: 'local', // postData: { "CaseNo": CaseNo }, mtype: 'POST', ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }, serializeGridData: function (jsondata) { return JSON.stringify(jsondata); }, jsonReader: { repeatitems: false, root: "d.rows", page: "d.page", total: "d.total", records: "d.records" }, colNames: ['Remove', 'DoctorID', 'Last Name', 'First Name', 'Address'], colModel: [ { name: 'RemoveAction', width: 80, fixed: true, sortable: false, resize: false, align: "center" }, { name: 'ID', index: 'ID', width: 50, sortable: false, hidden: false }, { name: 'LastName', index: 'LastName', width: 100, hidden: false, sortable: false }, { name: 'FirstName', index: 'FirstName', width: 100, hidden: false, sortable: false }, { name: 'Address', width: 420, hidden: false, sortable: false, jsonmap: function (obj) { var street = obj.Address.Address1 var city = obj.Address.City var state = obj.Address.StateProvince var zip = obj.Address.PostalCode if (street != '') { street = street + ', ' } if (city != '') { city = city + ', ' } if (state != '') { state = state + ', ' } var Address = street + city + state + zip return Address } }], gridComplete: function () { addDeleteIcon(); }, pager: '#ccpager', rowNum: 100, rowList: [100, 200], sortname: 'LastName', sortorder: 'desc', viewrecords: true, gridview: true, height: "100%", caption: 'Send Copy of Report To:', multiselect: false, shrinkToFit: false, loadui: "disabled" })//.jqGrid('navGrid', '#ccpager', { edit: false, add: true, del: false, search: true });

I have coming from the db in an object or an array. Now I need to be able to populate or databind the data to the above jqGrid.

This is the first time I am using jqGrid to use in my project. Can any one please help me how to do I go about it?

I use ASP.NET/vb.net.

Thanks in advance,

Learner