Based on some additional tests it appears I am indeed missing some code.
By adding the following to my HTML page
<div id="popup-dialog-crud"></div>
the edit and add dialog boxes to appear. However, nothing is displayed. They do seem to be doing something, because if I click the add or update buttons on these dialog boxes, a blank record is added or current record changed to blanks respectively.
I'm guessing my problem is somewhere in this code and in particular with the var $frm = $("form#crud-form"); line. Do I need to declare something in my HTML for the form#crud-form selector? If yes - what and where?
var DM = $grid.pqGrid("option", "dataModel");
var data = DM.data;
var row = data[rowIndx];
var $frm = $("form#crud-form");
$frm.find("input[name='Id']").val(row[0]);
$frm.find("input[name='Name']").val(row[1]);
$frm.find("input[name='Country']").val(row[2]);