Auto expand the grid upon search... - HIGH PRIORITY

[dorandoran]

I used this article (http://www.codeproject.com/KB/webfor...dGridView.aspx) to accomplish expand/collaspe grid. I also added a search and it works. but i need to be now automatically expand the corresponded grid where search was found.

User has to click on all the parent grid to find out which child grid has records. How can I automatically expand the grid where there are results?

I probably need a function like below ExpandAll() which i can call right after I call this method fillsubgrid() upon clicking the search button. the following i m using for expand/collaspe.

function expandcollapse(obj,row)
    {
        var div = document.getElementById(obj);
        var img = document.getElementById('img' + obj);
        
   
        
        if (div.style.display == "none")
        {
            div.style.display = "block";
            if (row == 'alt')
            {
                img.src = "minus.gif";
            }
            else
            {
                img.src = "minus.gif";
            }
            img.alt = "Close to view other Records";
        }
        else
        {
            div.style.display = "none";
            if (row == 'alt')
            {
                img.src = "plus.gif";
            }
            else
            {
                img.src = "plus.gif";
            }
            img.alt = "Expand to show Records";
        }
    }

[Frinavale]

Are you using Ajax (UpdatePanel's) or are you doing full page postbacks to the server?

[dorandoran]

No ajax. I guess full page postback

[dorandoran]

I am trying to follow this but not working.

http://www.codeproject.com/Messages/3174281/Re-Expand-Collapse-all.aspx

[Frinavale]

You should look into using the window.onload event.

Write a function that will handle the window's onload event and expand the grid upon successful search....

[dorandoran]

sound good and easy. but no exposure to window onload event. let me google.

[dorandoran]

No luck. I did not find any link that talks about how to expand grids on window. onload. please suggest.

[Frinavale]

You need to write a JavaScript function that expands the grids.
Then you need to specify that this JS function should be called during the window.onload event.

For example, say you have the following JavaScript function that expands all of the rows in the grid:

<script type="text/javascript>
//<![CDATA[ 
  function ExpandAll() {
    var allRowElements = document.getElementsByTagName("tr");
    var numElements = allRowElements .length;
    for (var i = 0; i < numElements; i++) {
      allRowElements [i].style.display = "table-row";
    }
  }
  function CollapseAll() {
    var allRowElements = document.getElementsByTagName("tr");
    var numElements = allRowElements .length;
    for (var i = 0; i < numElements; i++) {
      allRowElements [i].style.display = "none";
    }
  }   
//]]>
</script>

You would call that function during the window.onload event like:

<script type="text/javascript">
//<![CDATA[
  if(window.attachEvent){
    window.attachEvent("onload",ExpandAll);
  }else{
    window.addEventListener("load",ExpandAll);
  }
//]]>
</script>