jqGridWrapper

gistfile1.js

var myNamespace = myNamespace || {};

myNamespace.jqGridWrapper = function (gridId, pagerId, gridUrl, gridConfig) {
    var grid = $(gridId).jqGrid({
        url: gridUrl,
        datatype: "json",
        colNames: gridConfig.colNames,
        colModel: gridConfig.colModel,
        rowNum: 10,
        rowList: [10, 20, 30],
        pager: pagerId,
        sortname: gridConfig.sortName,
        viewrecords: true,
        sortorder: "asc",
        caption: gridConfig.caption,
        height: '100%',
        width: '700px'
    });

    return grid;
}

var myConfiguredGrid = new myNamespace.jqGridWrapper(
    '#EventsGrid',
    '#EventsPager',
    '../Event/GetAllEvents/',
    {
        colNames: ['Código', 'Nome do Evento', 'Cidade', 'Data de Início'],
        colModel: [
   		                { name: 'EventId', index: 'EventId', width: 50, search : true, stype: 'text', searchoptions: { sopt: ['eq', 'ne'] } },
                        { name: 'Name', index: 'Name', width: 250, search: true, stype: 'text', searchoptions: { sopt: ['eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc']} },
   		                { name: 'City', index: 'City', width: 150, search: true, stype: 'text', searchoptions: { sopt: ['eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc']} },
                        { name: 'StartDate', index: 'StartDate', width: 80, search: false}],
        sortname: 'EventId',
        caption: "Eventos"
    });