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.

Expand|Select|Wrap|Line Numbers

 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/...lapse-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:

Expand|Select|Wrap|Line Numbers

 
<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:

Expand|Select|Wrap|Line Numbers

 
<script type="text/javascript">

//<![CDATA[

  if(window.attachEvent){

    window.attachEvent("onload",ExpandAll);

  }else{

    window.addEventListener("load",ExpandAll);

  }

//]]>

</script>

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

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

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

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

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

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

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

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

Similar ASP.NET bytes

/bytes/development

/bytes/it

/bytes/about