AJAX slide animation for Nested Grid

Question

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.

Sanjeeb Lenka · Answer

i am trying that when i got any solution i will post it here..

Vignesh Kumar · Answer

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

Vignesh Kumar · Answer

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 Lenka · Answer

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

Vignesh Kumar · Answer

Its Version 4.0

Sanjeeb Lenka · Answer

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 Kumar · Answer

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 Lenka · Answer

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 Kumar · Answer

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 Lenka · Answer

hi refer to this link it may help you. http://www.c-sharpcorner.com/UploadFile/29d7e0/gridview-animations-using-jquery/

Sagar Pandurang Kap · Answer

Currently you can use multiple levels of Nested grid to solve this as it displays content of nested child grid.

AJAX slide animation for Nested Grid

Answers (11)