Thanks Maya!  I believe my issue is because I'm databinding again on row update on the server side and that's refreshing the grid.  If I comment out the databind in the UpdateRow event then the grid state persists, but I have to rebind because after a row is completely updated it needs to be removed from the grid.  I'm going to look into maybe trying to remove the row on the client side, so I don't have to rebind and the row won't show up.  I attached my files of the screenshot in my first post in case you have any ideas.

Maya,

Is there anyway to save what rows are expanded at the end of a AfterRowTemplateCloseHandler client event and then I could apply it back to the grid after the postback?  That would keep me from having to delete and insert rows on the client side prior to updating the database.

Thanks Maya!  Getting closer to what I need.  I could get the top level grouped rows to expand after the postback, but can't iterate through the child rows as they don't exist as rows in the client.  Do you know how I can iterate through the child rows to see them and expand them?  In my screenshot in the first post, I can get the New and Pending level to expand, but not the groups below those.

Maya, I ended up going about it a pretty harsh way to keep from rewriting everything I had to move it to the server side. It would have worked better, but the users have different ways to update a record.  Biggest hurdle I had to get through was when enough rows are updated a group was completely removed from the grid.  I had to get away from using the rowId because of this.  I'm awaiting the users approval as this way adds seconds to the grid rerendering and slows the app down.

I call getExpandedRows on RowEditTemplate close event and setExpandedRows on InitializeLayoutHandler event of the grid.

function getExpandedRows() {
            var grid = igtbl_getGridById('uwg_pending');
            var expRows = grid.ExpandedRows;
            var hidden = document.getElementById("hiddenField1");
            hidden.value = "";
            for (var i in expRows) {
                var row = igtbl_getRowById(i);
                var datak = (row.DataKey == "" ? datak = "X" : datak = row.DataKey);
                hidden.value += i + "|" + row.Value + "~" + datak + ",";
            }
        }

        function setExpandedRows() {
            var grid = igtbl_getGridById('uwg_pending');
            var hidden = document.getElementById("hiddenField1");
            if (hidden.value != "") {
                var rowsToExpand = hidden.value.split(",");
                var oRows = grid.Rows;
                var numRows = 0;
                for (var i = 0; i < oRows.length; i++) {
                    var lenExpandRows = rowsToExpand.length;
                    if (numRows == lenExpandRows - 2) { return }
                    oRow = oRows.getRow(i);
                    oRow.setExpanded(true);
                    if (oRow.ChildRowsCount > 0) {
                        var oChildRows = oRow.Rows;
                        if (lenExpandRows != 1) {
                            for (var k = 0; k < lenExpandRows - 1; k++) {
                                var rowDetail = rowsToExpand[k].split("|");
                                var rowData = rowDetail[1].split("~");
                                if (rowData[1] != "X" && rowData[1] == oRow.Value) {
                                    for (var j = 0; j < oChildRows.length; j++) {
                                        oChildRow = oChildRows.getRow(j);
                                        if (oChildRow != null) {
                                            if (oChildRow.Value == rowData[0] && oChildRow.DataKey == rowData[1]) {
                                                oChildRow.setExpanded(true);
                                                numRows++;
                                                break;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    var expand = 0;
                    for (var j = 0; j < oChildRows.length; j++) {
                        oChildRow = oChildRows.getRow(j);
                        if (oChildRow != null) {
                            if (oChildRow._Changes.ExpandedRows != null) {
                                expand++;
                            }
                        }
                    }
                    if (expand == 0) {
                        oRow.setExpanded(false);
                    }
                }
            }
            hidden.value = "";
        }

I'm still trying to get this to work.  Your suggestion of the ChildRows works great, as long as the row still exists after the databind.  If the row that was expanded gets removed after the server side databind, it expands the next row below, as that row now has the saved RowID.  I'm trying to now expand based on data in the groupby row instead of the RowID to solve this issue. 

I'm having to iterate through the 1st level groups, then iterate through the 2nd level groupby rows, and compare each 2nd level groupby row to each value in the saved expanded list until a match is found.  It's really slowing down the app, so I'm probably going to have to scrap it.