取消内联编辑后使用自定义格式化程序免费 jqGrid 恢复日期

Question

取消内联编辑后，日期列返回为未定义，而不是恢复原始值。列定义如下（日期以1970-01-01 格式出现）：

{name:'Release<br>Date',index:'Street_Date', sorttype:"date", width:70,
    formatter: function (cellvalue, options, rowObject) {
        return cellvalue === ('1970-01-01') ? "" : $.fn.fmatter.call(this, "date", cellvalue, options, rowObject);
    },
    formatoptions: {newformat:'d M y'},
    editable:true,
    editoptions: {
        size:9, 
        dataInit: function(el, options) { 
                $(el).datepicker({ 
                    dateFormat: "d M y",
                    defaultDate: '01 Jan 70',
                    onSelect: function(dateText, inst) {
                    }
                });
        } 
    },
    searchoptions: {
        sopt: ['eq','ne','ge','le'],
        dataInit: function (elem) { 
            $(elem).datepicker({ showButtonPanel: true, dateFormat: 'yy-mm-dd' }) 
            } 
        }
},

内联编辑设置如下：

ondblClickRow: function (rowid) {
    var savedRows = $grid.jqGrid("getGridParam", "savedRow");

    if (savedRows.length > 0 && savedRows[0].id !== rowid) {
        // cancel editing 
        $grid.jqGrid("restoreRow", savedRows[0].id);
    }
    if (savedRows.length === 0) {
        $grid.jqGrid("editRow", rowid, editOptions);
    }
}

加载Grid后，日期显示为07 Aug 18，双击进入内联编辑，日期仍为07 Aug 18。通过单击离开或单击取消按钮取消编辑后，日期变为NaN undefined N。刷新后，它恢复正常。

取消编辑后如何保留正确的日期？ 网格在formatter: date 下表现正确

免费的 jqGrid v jqGrid 4.13.5

Answer 1

也许free-jqGrid的作者会帮助更好，但我建议你在调用格式化程序时添加额外的参数（action='edit'）。代码如下：

formatter: function (cellvalue, options, rowObject) {
    return cellvalue === ('1970-01-01') ? "" : $.fn.fmatter.call(this, "date", cellvalue, options, rowObject, "edit");
},

注意$.fn.fmatter.call中的最后一个参数

更新

这在我的测试中有效。 由于您使用自定义日期格式化程序，因此需要将 savedRows 中的值取消格式化才能正确保存。在默认格式化程序 = 日期的情况下，这是自动完成的。

下面是可以使用的代码，假设你知道colModel中字段的索引：

ondblClickRow: function (rowid) {
    var savedRows = $grid.jqGrid("getGridParam", "savedRow");

    if (savedRows.length > 0 && savedRows[0].id !== rowid) {
        // cancel editing 
        savedRows[0].Release_Date = $.unformat.date.call($grid[0], savedRows[0].Release_Date,  $grid[0].p.colModel[1]);
        $grid.jqGrid("restoreRow", savedRows[0].id);
    }
    if (savedRows.length === 0) {
        $grid.jqGrid("editRow", rowid, editOptions);
    }
}