Webgrid screen scroll when use down arrow to exit edit

luwen — Wed, 23 Oct 2013 15:52:33 GMT

I use webgrid with layout setting CellClickAction="RowSelect" and clienSideEvent "OnEditKeyDown"

I use down arrow to exit edit and move cursor to the same column next row. The grid has lots of rows and you can see the vertical scroll bar. Now you edit a column in the first row of grid and press down arrow, the entire row is scrolled up and out of sight. How to make sure we can see the edited row when pressing the down arrow?

Here is the code.

function OnEditKeyDown(controlId) {

    var grid = ISGetObject(controlId);

    var selectedObject = grid.GetSelectedObject();
    var selectedRow = selectedObject.ToRowObject();

    if (selectedRow.Type == "FilterRow") {
        return true;
    }
    else if  (selectedRow.Type != "NewRow" && (event.keyCode == "13" || event.keyCode == "40" || event.keyCode == "38")) {
                window.setTimeout(function () { grid.ExitEdit(1, 0, 0); }, 10);
                var nextRow = selectedRow.GetNextRow();
                if (nextRow != null) {
                    var ac = grid.GetActiveEditCell();
                    var curRow = ac.rowElement;
                    var tblElm = wgGetTable(curRow);
                    var curRowIndex = curRow.rowIndex;
                    var tbl = grid.Tables[ac.tblName];
                    var isParent = (tbl.GetChildTables().length > 0) ? true : false;
                    var i = (isParent) ? 2 : 1;
                    var nextRow =  event.keyCode == "38" ? curRowIndex - i: curRowIndex + i;
                    //check if current row is the last row of the table
                    if (nextRow >=0 && nextRow < tblElm.rows.length ) {
                        //get destination now   
                        var destRow = wgGetRowByPosition(tblElm, nextRow);
                        //highlight the destination row       
                        //get the column name    
                        var cellName = wgGetColNameByCell(ac.element);
                        //get the destination cell    
                        var destCell = wgGetCellByName(destRow, cellName);

                        wgGetRowByElement(destRow).Select();
                        wgHighlightEditCell(destCell);
                    }
                }
                return false;
            }
         else { return true; }
    }

Thanks

WebGrid crashes when scrolling with column freeze and setting a column hidden

Eric — Fri, 08 Jan 2010 08:43:18 GMT

I experience that WebGrid crashes, when the user horizontally scrolls. This happens only when I set the first column to be frozen. It also only happens when I set some columns to hidden (Visible=false).

Attached is a simple sample in VB.NET for that (remove the .txt in the file names). Simplified, the sample contains:

An aspx file with the WebGrid "grdResult" and the columns "Description", "X1", "X2",..."X9"
<FreezePaneSettings AbsoluteScrolling="true" ActiveFrozenColumns="1" MaxFrozenColumns="1" ShowSplitterLine="False" />
In the aspx.vb code file there is a handler for InitializeDataSource which adds some static data to show, so that the grid is not empty
In the handler PreRender I change some column titles (from X1 to C1 etc.) and set two columns to Visible=False

When scrolling, it crashes with: "Microsoft JScript runtime error: 'parentElement' is null or not an object" (Break/Continue/Ignore). The debugger then stands on this JScript code: "var v1d119 =vfcb75.parentElement" (and vfcb75 is null).

I believe this is a bug in WebGrid. We are using the newest WebGrid 6.0.7200.218 and Framework 3.0.5000.705 and the users use Internet Explorer 6 to browse the page.

Can you confirm that this is a bug? If yes, will there be a hotfix available soon? Is there any workaround except not to use freezing or hiding?

Intersoft Community - scroll

Webgrid screen scroll when use down arrow to exit edit

WebGrid crashes when scrolling with column freeze and setting a column hidden