Wednesday, May 13, 2015

Grid View Data Display on Image Button Click

Hi,

Through user control we are already displaying the data in the grid view.
Now the requirement is user should be able to see the arrow image button.
Once user clicks on the Image button, down arrow button should be displayed along with the grid view data as below

First we have written two functions to achieve this i.e.

1)ToggleRow function, it should toggle based by upon the user click on the image i.e. it should show grid view/hide.
2)Change Image function, by default it should display vertical arrow image, once user clicks on it, should display down arrow image along with grid view data
In the table, where grid view resides, we are calling them as below