JQGrid工具栏过滤并使用格式化列恢复处于编辑状态的行

时间:2012-01-11 17:27:29

标签: javascript jquery jqgrid jqgrid-formatter

我注意到当使用内联行编辑(通过$grid.jqGrid('editRow', rowId, ...etc)将行置于编辑状态)然后在不实际编辑行的情况下恢复行($grid.jqGrid('restoreRow',rowToRestore);)时将设置格式化列的行为$grid.p.data[{indexofrowrestored}][{columnname}]到格式化的值而不是列的原始值。

这样做的结果是,恢复的行的工具栏过滤器输入将根据格式化的值而不是未格式化的值过滤行(因为它会执行所有其他行)。

我浏览了JQGrid源代码并提出了解决此问题的方法(JQGrid v4.3.1)。我更改了解决我问题的restoreRow函数中的一些代码:

使用jquery.jqGrid.src.js的第9038行(请参阅有关添加代码的评论):

restoreRow : function(rowid, afterrestorefunc) {
    // Compatible mode old versions
    var args = $.makeArray(arguments).slice(1), o={};

    if( $.jgrid.realType(args[0]) === "Object" ) {
        o = args[0];
    } else {
        if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
    }
    o = $.extend(true, $.jgrid.inlineEdit, o );

    // End compatible

    return this.each(function(){
        var $t= this, fr, d, ind, ares={};  //UPDATED: added the variable 'd'
        if (!$t.grid ) { return; }
        ind = $($t).jqGrid("getInd",rowid,true);
        if(ind === false) {return;}
        for( var k=0;k<$t.p.savedRow.length;k++) {
            if( $t.p.savedRow[k].id == rowid) {fr = k; break;}
        }
        //----------------------------------------------------------------------------
        //ADDED: added this for-loop
        //      get a hold of the $t.p.data array row with the ID of the
        //      row being restored; this row contains the original, unformatted
        //      data that came from the server while $t.p.savedRow contains
        //      what appears to be formatted column data; this is messing
        //      up the toolbar filter accuracy (which filters on original, unformatted
        //      data) when the row is restored
        for( var k=0;k<$t.p.data.length;k++) {
            if( $t.p.data[k].id == rowid) {d = k; break;}
        }
        //END EDIT
        //----------------------------------------------------------------------------
        if(fr >= 0) {
            if($.isFunction($.fn.datepicker)) {
                try {
                    $("input.hasDatepicker","#"+$.jgrid.jqID(ind.id)).datepicker('hide');
                } catch (e) {}
            }
            $.each($t.p.colModel, function(i,n){
                if(this.editable === true && this.name in $t.p.savedRow[fr] && !$(this).hasClass('not-editable-cell')) {
                    //EDIT: this line was edited to set ares[this.name] to
                    //the original, unformatted data rather than the saved row data
                    //so, below, when setRowData method is called, it is being set
                    //to original data rather than formatted data
                    ares[this.name] = $t.p.data[d][this.name];
                    //END EDIT
                }
            });
            $($t).jqGrid("setRowData",rowid,ares);
            $(ind).attr("editable","0").unbind("keydown");
            $t.p.savedRow.splice(fr,1);
            if($("#"+$.jgrid.jqID(rowid), "#"+$.jgrid.jqID($t.p.id)).hasClass("jqgrid-new-row")){
                setTimeout(function(){$($t).jqGrid("delRowData",rowid);},0);
            }
        }
        if ($.isFunction(o.afterrestorefunc))
        {
            o.afterrestorefunc.call($t, rowid);
        }
    });
},

基本上,我没有使用$grid.p.savedRow数据来设置行数据,而是使用$grid.p.data来设置行数据,就像恢复行一样。

我想我正在寻找有关我的修复的反馈 - 是否有任何意想不到的后果,我可能通过这种方式更改源代码?有没有一种方法可以在不更改源代码的情况下实现此修复(我的团队更容易维护和更新JQGrid)?我不正确地理解某事吗? :)

非常感谢您的帮助!如果这个bug的演示会有所帮助,我可以创建一个。我无权访问我的个人网络服务器。

1 个答案:

答案 0 :(得分:0)

您的建议的一个重要问题是$grid.p.data并非总是存在。如果您对datatype: 'json'datatype: 'xml'使用“经典”网格,并且未使用loadonce: true,则会有未定义的data参数。我建议Tony修改addJSONDataaddXmlData的代码以填充data参数(请参阅the part of code),但无论如何jqGrid的当前实现都没有总是填data。因此,$t.p.data不能用于此案。