JQuery UI DatePicker В JQGrid

Question

Я пытаюсь использовать средство выбора даты при редактировании ячейки в JQGrid. Когда я щелкаю в ячейке, она превращается в текстовое поле, и средство выбора даты отображается, но после выбора даты появляется следующая ошибка

Microsoft JScript runtime error: Missing instance data for this datepicker

Вот код для JQGrid

    var saverow = 0;

var savecol = 0;
$("#requestTable").jqGrid({
    url: url,
    datatype: 'json',
    mtype: 'GET',
    altRows: 'true',
    colNames: ['id', 'Request Date', 'Name', 'HomePhone', 'Address', 'Contact Date(edit)', 'Email'],

    colModel: [
                { name: 'Id', index: 'Id', hidden: true },
                { name: 'RequestDate', index: 'RequestDate', width: 100 },
                { name: 'FullName', index: 'FullName', width: 125, sortable: false },
                { name: 'HomePhone', index: 'CabinetColor', width: 90, sortable: false },
                { name: 'FullAddressString', index: 'ShellColor', width: 260, sortable: false },
                { name: 'DealerContactDate', index: 'DealerContactDate', width: 105, editable: true,
                    editoptions: {
                        dataInit: function (element) {
                            $(element).blur(function () {
                                $("#requestTable").jqGrid("saveCell", saverow, savecol);
                                $("#requestTable").jqGrid("restoreCell", saverow, savecol);
                                $("#requestTable").trigger("reloadGrid");
                            });
                            $(element).datepicker({
                                onSelect: function (dateText, inst) {
                                    $("#requestTable").jqGrid("saveCell", saverow, savecol);
                                }
                            });

                        }
                    }

                },
                { name: 'Email', index: 'Email', width: 110, sortable: false }

            ],
    cellEdit: true,
    pager: '#pager',
    rowNum: 50,
    rowList: [25, 50, 75, 100],
    sortname: 'id',
    sortorder: "desc",
    viewrecords: true,
    height: "100%",
    cellurl: cellurl,
    afterEditCell: function (id, name, val, IRow, ICol) {
        saverow = IRow;
        savecol = ICol;
    }

});

Есть мысли, почему я получаю эту ошибку? Спасибо!

Answer 1

Можете ли вы проверить текстовое поле " id " ?.Он должен содержать любые пробел или любые неподдерживаемые символы может вызвать проблему jquery selector , следовательно, он генерирует исключительные ситуации при выборе даты.