“Undefined” message in jqgrid, “b.jgrid.formatter is undefined”-Collection of common programming errors

• These are javascripts I’m using:

  jquery.validate.min.js
  jquery.validate.unobtrusive.min.js
  jquery-1.5.1.min.js
  jquery-ui-1.8.11.min.js
  jquery.jqGrid.min.js
  ui/jquery.ui.core.js
  ui/jquery.ui.widget.js
  ui/jquery.ui.datepicker.js

• My javascript source:

  var grid = jQuery("#list").jqGrid({
              datatype: 'json',
  
              caption: 'Transaction Log',
              hiddengrid: 'true',
              postData: {
                  companyId: function () { return $("#SelectedCompany").val(); },
                  userId: function () { return $("#SelectedUser").val(); },
                  dateFromString: function () { return $("#DateFrom").val(); },
                  dateToString: function () { return $("#DateTo").val(); }
              },
              url: '@Url.Action("GetTransactionLogData")',
              mtype: 'GET',
              colNames: ['Ref.', 'TradeDate', 'Status', 'LegalEntity', ...],
              colModel: [
                  { name: 'Reference', index: 'Reference', width: '60' },
                  { name: 'TradeDate', index: 'TradeDate', width: '70' },
                  { name: 'Status', index: 'Status', width: '50' },
                  { name: 'LegalEntity', index: 'LegalEntity', width: '80' },
                  ...
              ],
              pager: $('#pager'),
              rowNum: 10,
              height: '100%'
  
          });
  

Originally posted 2013-11-09 21:02:31.