text edit box ends up at the bottom in 2.0.3

[MatsP]

I realize that the cell edit mode stopped working. Now the text edit box, ends up at the bottom of the grid.

Please explain all changes.

[paramvir]

MatsP

That's not part of the change.

Please provide more details of the issue.

[bmais]

I encountered the same problem when I switched from 2.02 to 2.03

When I edit a field the column headers disappear and the editor shows at the bottom left.  Also, delete does not throw the isDirty flag.

[bmais]

Here's the screenshot with the editor at the bottom.

[paramvir]

Please go through this post when migrating from 2.0.2 to 2.0.3

http://paramquery.com/pro/tutorial#topic-migration

Do you get any error.

What's the source code of your editor.

[bmais]

There are no error messages.  The grid has three fields: plain text, date (with popup calendar), and list (select w/options).  When you click in any cell to edit a field opens in the lower left corner.  The calendar and select list work correctly.  Changes are submitted correctly to the database.

var $donationGrid = $( "#donation-grid" ).pqGridM({ width: 300, height: 160,
  minWidth: 1,
  hwrap: false,
  dragColumns: {enabled:false},
  wrap: false,
  showTop: true,
  title: 'Donations',
  plusButton: true,
  showBottom: false,
  collapsible:false,
  rowBorders:true,
  columnBorders:false,
  numberCell: { show: false },
  editable: true,
  track: true,
  selectionModel: { type: 'row', mode: 'single' },
  hoverMode: 'cell',
  editModel: {saveKey: $.ui.keyCode.ENTER,
              keyUpDown: true,
              cellBorderWidth: 1,
              clicksToEdit: 1},
  colModel: [{title:"ID",     width:10,  dataType:"integer", dataIndx:"donation_id", hidden:true},
             {title:"Date",   width:100, dataType:"date",    align:"left", dataIndx:"date_", editor: { type: dateEditor }},
             {title:"Type",   width:100, dataType:"string",  align:"left", dataIndx:"type_", editor: { type: 'select', options: lstDonationType }},
             {title:"Amount", width:90,  dataType:"integer", align:"left", dataIndx:"amount"}],
  dataModel: {dataType: "JSON",
              location: "remote",
              method: "GET",
              recTbl: "donations",
              recIndx: "donation_id",
              fKey: "contact_id"},
  plusClick: function (evt, ui) { addGridRow(this, evt, ui); },
  quitEditMode: function (evt, ui) { $(this).pqGridM("saveEditCell"); mrkFrmChanged() },
  cellBeforeSave: function (evt, ui) { checkGridData(this, evt, ui); },
  rowRightClick: function(evt, ui) { deleteGridRow(this, evt, ui) }
})

[paramvir]

Have you upgraded the pqgrid css file to 2.0.3?

Which theme are you using?

[bmais]

Oops.  Forgot to upgrade the CSS.

Rookie mistake!