Question

I am getting the error:

Microsoft JScript runtime error: ‘prmGridDialog’ is undefined

when double-clicking a row in a jQgrid. When I use the toolbar buttons, the dialog opens. Everything else is working fine. Here is the jquery:

<script src="~/Scripts/jquery.jqGrid.min.js"></script>
<script src="~/Scripts/i18n/grid.locale-en.js"></script>
<script src="~/Scripts/json2.min.js"></script>
<script src="~/Scripts/jquery.jqGrid.src.js"></script>
<link href="~/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" />

$(document).ready(function() {
    $.jgrid.nav.addtext = "Add";
    $.jgrid.nav.edittext = "Edit";
    $.jgrid.nav.deltext = "Delete";
    $.jgrid.edit.addCaption = "Add Item";
    $.jgrid.edit.editCaption = "Edit Item";
    $.jgrid.del.caption = "Delete Contact";
    $.jgrid.del.msg = "Delete selected item?";

    var updateDialog = {
        url: '/VisitorProducts/EditjQGridData'
        , closeAfterEdit: true
        , closeOnEscape: true
        , modal: true
        , width: "400"
    };

    var addDialog = {
        url: '/VisitorProducts/AddjQGridData'
        , closeAfterAdd: true
        , closeOnEscape: true
        , modal: true
        , width: "400"
    };

    var deleteDialog = {
        url: '/VisitorProducts/DeletejQGridData'
        , closeAfterEdit: true
        , closeOnEscape: true
        , modal: true
        , width: "400"
    };

    jQuery("#list2").jqGrid({
        url: '/VisitorProducts/jQgridData?visitorId=32'
        , datatype: "json"
        , colNames: ['RowId', 'VisitorId', 'Product Name']
        , colModel: [
            { name: 'RowId', index: 'RowId', width: 150, editable: false, edittype: 'text', key: true },
            { name: 'VisitorId', index: 'VisitorId', width: 150, editable: true, edittype: 'text' },
            { name: 'ProductName', index: 'ProductName', sortable: true, align: 'left', width: 250, editable: true, edittype: 'text', editoptions: { size: 50 } }
        ]
        , rowNum: 10
        , rowList: [10, 20, 30, 50]
        , pager: '#pager2'
        , sortname: 'RowId'
        , viewrecords: true
        , sortorder: "desc"
        , caption: "Visitor Products"
        , rownumbers: false
        , autowidth: true
        , recreateForm: true
        , ondblClickRow: function (rowid, iRow, iCol, e) {
            $("#list2").editGridRow(rowid, prmGridDialog);
        }
    }).navGrid('#pager2',
        { edit: true, add: true, del: true, search: true, refresh: true }
        , updateDialog
        , addDialog
        , deleteDialog
    );
});

Not sure if I am missing something.

Answer 1

My mistake. prmGridDialog was a non-existent variable. The example was copied from a web site and I must not have copied the varible initialization code. Once I specified an existing dialog (update in this case), it worked:

var updateDialog = {
    url: '@Url.Action("EditStudentClass", "StudentClasses")'
    , closeAfterEdit: true
    , closeOnEscape: true
    , modal: true
    , width: "400"
};


$("#list2").editGridRow(rowid, updateDialog);

instead of

$("#list2").editGridRow(rowid, prmGridDialog);