AJAX slide animation for Nested Grid

Vignesh Kumar

13y2.1k.NET

Hi,

I have a gridview which has nested gridand when I click on nested grid an animation has to happen like refreshing the inner grid. Can anyone help me in this.

11 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sagar Pandurang Kap8y ago
Currently you can use multiple levels of Nested grid to solve this as it displays content of nested child grid.
Sanjeeb Lenka13y ago
i am trying that when i got any solution i will post it here..
Vignesh Kumar13y ago
Hi Sanjeeb,

Is there any possible way to do this!
Vignesh Kumar13y ago
Hi Sanjeeb,

The exact functionality is the inner grid show open as a slide without refreshing the whole page. I made changes like you told and is fine. But the grid now displays vertically.
Sanjeeb Lenka13y ago
you are using masterpage so no need to write head tag again just copy paste the code into HeaderContent place holder
Vignesh Kumar13y ago
Its Version 4.0
Sanjeeb Lenka13y ago
which version of .net framework you are using.

you are using masterpage so no need to write head tag again just copy paste the code into HeaderContent place holder

Vignesh Kumar13y ago

When I click on Year and Month grid i.e any grid, a flicker has to happen to those inner grids.
I tried your code to the page and Ige the below error. Attached is the aspx code. Also it can be similar to fade in and fade out.

Server Error in '/' Application.

You can only have one control on a page.
Description:
An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:

[HttpException (0x80004005): You can only have one control on a page.] System.Web.UI.HtmlControls.HtmlHead.OnInit(EventArgs e) +1762767 System.Web.UI.Control.InitRecursive(Control namingContainer) +333 System.Web.UI.Control.InitRecursive(Control namingContainer) +210 System.Web.UI.Control.InitRecursive(Control namingContainer) +210 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +378

Version Information:
Microsoft .NET Framework Version:2.0.50727.3649; ASP.NET Version:2.0.50727.3634 An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.Web.HttpException: You can only have one control on a page.

Source Error:

Sanjeeb Lenka13y ago
yes it different here, but as your screen shot it already having collapsible feature. so how you want to add the AJAX slide animation to nested grid.. and what type of animation you want for that grid.
Vignesh Kumar13y ago
Hi Sanjeeb,

If I am not wrong, this animation is for a gridview an is not for nested grid. Pls look the attachment. In that when I click on 2010 in year Grid the animation should happen for the month grid since this is the nested grid, I believe the thing is different here.
Sanjeeb Lenka13y ago
hi

refer to this link it may help you.

http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/