jQuery Grid Plugin - jqGrid

function ViewDatesLocationsGridSettings(eventId) {
    return $('#view-dates-grid').jqGrid({
        gridview: true,
        autowidth:true,
        pager: '#view-dates-pager',
        colNames: ['Id', 'From', 'Until', 'Locations'],
        colModel: [
                    { name: 'id', index: 'id' },
                    { name: 'StartDate', index: 'StartDate'},
                    { name: 'EndDate', index: 'EndDate'},
                    { name: 'Locations', index: 'Locations'}
                  ],
        sortname: 'StartDate',
        rowNum: 20,
        rowList: [20,50,100,500],
        sortorder: 'asc',
        height: 160,
        datatype: 'json',
        caption: 'Event Dates and Locations',
        viewrecords: false,
        mtype: 'POST',
        subGrid : true,
        subGridUrl: 'subgrid.php?q=2',
        subGridModel: [
            { name : ['No','Item','Qty','Unit','Line Total'],
              width : [55,200,80,80,80] }
        ],
        jsonReader: {
            root: 'rows',
            page: 'page',
            total: 'total',
            records: 'records',
            repeatitems: false,
            userdata: 'userdata',
        },
        url: tc.rootUrl + '/JsonEventDates',
        postData: {eventId: eventId},
    });
}