Hello,

I can replicate the issue. Please try to use the code below as workaround.

function window::onload()
{
            var grid = ISGetObject("WebGrid1");
            grid.ResetStatus(true);
}

Regards,
Handy

This workaround works.  However, I noticed that the "There are no rows in this view" does show but barely.  We do not have a fixed Height but want the grid to grow based on data. 

To recreate: use the example but remove Height="200px".

Example of what I'm talking about is enclosed.

Yes, Of course that would happen. Try to validate if there is no rows, specify WebGrid height.

e.g 

if(grid.TotalRows==0)
{
       grid.SetHeight("200px");
}

Regards,
Handy

Ok I'm still experiencing some weird behavior.  Take the example I have attached...

Follow these steps to recreate my problem:

1. Make CustomerID = dafdsasfds and then hit "Enter" (results: grid should be empty and shrunk)

2. Click button "Resets Height" [This is the first button] (results: grid shows message w/150px height)

3. On the grid click green "Refresh" icon (results: grid should be empty and shrunk)

4. Click button "Resets Height" again (results: grid barely shows message and height isn't 150px)

5. Click button "Resets Height" again (results: grid shows message w/150px height )

The question is why didn't step 4 resize height not work?  Why did I have to do step 5 for it work?  This is the problem we're experiencing. 

Hi Tenika,

     I am able to replicate the issue of yours. I think, that is hapenning since we put WebGrid inside a table tag. Here, in the attachment, I have modified those sample so that it will resize the grid and always show the message in every response.

     I hope it helps. Thank you and have a nice day.

Best Regards,

Andi Santoso

Andi,

This is modify the entire way we have built our grids.  At this time, its' not possible for us to back and redo them.  Is there another solution to fix this without redesigning the layout? 

Hi,

Please see the snippet code below. I hope my workaround can help you. Actually, I even don't need a button to re-Set the height. Just need some validations in OnAfterResponseProcess client side event.

function WebGrid1_OnAfterResponseProcess(controlId, actionName, lastRequestObject, xmlResponseObject) {
            var grid = ISGetObject("WebGrid1");
            if (grid.RootTable.GetRowsCount() == 0) {
                if (grid.GetSelectedObject() != null) {
                    var selectedObject = grid.GetSelectedObject();
                    selectedObject.ToRowObject().GetCells()[0].ActivateEdit();
                } else {
                    grid.RootTable.ToRowObject(grid.RootTable.GetFilterRow()).GetCells()[0].ActivateEdit();
                }
                grid.ResetStatus(true);
                grid.SetHeight("150px");
            }
            return true;
        }

Regards,
Handy 

Handy,

It does help for existing data on that's already on the screen during the initial load.  However, if there is no data on the inital load the OnAfterResponse will not fire and the height is not correct again.  You can also see this same scenario by doing the following:

Step 1: CustomerID = fjdksa;fsd.  Press Enter.  The results show with correct height.

Step 2: If the user clicks the "green" Refresh button on the grid, it shrinks, the height.

I'm thinking this is the same scenario would be the same if the inital load has no rows in the view.

Hi,

Please see my recording video. Actually I did the same steps that you mentioned. When using my workaround, it will persist the height. I don't know at initial load but I think you can also set the height at AfterInitialize client side event. 

Regards,
Handy