I want to use "link button" in my grid view as TargetControlID of Ajax AnimationExtender. Here my code is,. It is not working

Question

0.00/5 (No votes)

See more:

XML

<asp:GridView ID="GridView1" runat="server"  AutoGenerateColumns="False"
        OnRowCommand="GridView1_RowCommand" onrowediting="GridView1_RowEditing" >

    <columns>
    <asp:BoundField HeaderText="ID" DataField="ID" />
    <asp:BoundField HeaderText="Name" DataField="ContactName" />
    <asp:BoundField HeaderText="Company" DataField="ContCompany" />
    <asp:BoundField HeaderText="Profession" DataField="ContProfession" />
    <asp:BoundField HeaderText="Address1" DataField="ContAdd1" />
    <asp:BoundField HeaderText="Address2" DataField="ContAdd2" />
    <asp:BoundField  HeaderText="City" DataField="ContCity" />
    <asp:BoundField  HeaderText="Pincode" DataField="ContPincode" />
    <asp:BoundField  HeaderText="Type" DataField="ContType" />
    <asp:BoundField  HeaderText="Status" DataField="ContStatus" />
    <asp:TemplateField>
    <ItemTemplate>
    <asp:LinkButton ID="Edit" runat="server" OnClick="Show_Button_click" Text="Edit" CausesValidation="False" />
    </ItemTemplate>
    </asp:TemplateField>
    </columns>
    </asp:GridView>
<asp:AnimationExtender ID="popupanimation" runat="server" TargetControlID="Edit">
    <Animations>
                <OnClick>
                    <Parallel AnimationTarget="Panel1"
                    Duration="0.3" Fps="25">
                    <FadeIn />
                    </Parallel>
                </OnClick>
            </Animations>
    </asp:AnimationExtender>

Posted 17-Apr-13 1:57am

jacobjohn196

Add a Solution

Comments

Dnyaneshwar Kondbale 17-Apr-13 8:05am

Add one dummy button which is Link as Target control ID for animation extender ..

In "Show_Button_click" method call for dummy button click .

jacobjohn196 17-Apr-13 8:11am

Once i have used OnClick event for Modal Popup
<asp:LinkButton ID="Edit" runat="server" OnClick="Show_Button_click" Text="Edit" CausesValidation="False" />

Dnyaneshwar Kondbale 17-Apr-13 8:16am

Show_button_click is it method??

jacobjohn196 17-Apr-13 8:19am

Yeah,,i wrote like this
protected void Show_Button_click(object sender, EventArgs e)
{
LinkButton Edit = (LinkButton)sender;
GridViewRow gvrow = (GridViewRow)Edit.NamingContainer;
lblID.Text = gvrow.Cells[0].Text;
txtname.Text = gvrow.Cells[1].Text;
txtcompany.Text = gvrow.Cells[2].Text;
txtprofession.Text = gvrow.Cells[3].Text;
txtadd1.Text = gvrow.Cells[4].Text;
txtadd2.Text = gvrow.Cells[5].Text;
txtcity.Text = gvrow.Cells[6].Text;
txtpincode.Text = gvrow.Cells[7].Text;
ddltype.Text = gvrow.Cells[8].Text;
ddlstatus.Text = gvrow.Cells[9].Text;
this.ModalPopupExtender1.Show();

}

Dnyaneshwar Kondbale 17-Apr-13 8:26am

As per above comment add one dummy button with ID=btnDummy
set this button as Target contrl id for animation extender then
write code line

btnDummy.click();

after the line

this.ModalPopupExtender1.Show();

jacobjohn196 17-Apr-13 8:35am

If i create dummy button how the animation will occur when i click in the grid view link button??

Richard C Bishop 17-Apr-13 10:17am

It will work because the .Show() method is being called which is what actually makes the pop-up appear. The dummy button is just to satisfy the requirements of the pop-up because it cannot "see", if you will, the link button in the gridview.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

_Amy · Answer 1 · 2013-04-17T17:46:00

TargetControlID will take ClientID of the link button. If AnimationExtender and LinkButton is there in the same panel or control then ClientID of LinkButton will be easily accessible by AnimationExtender. Try this:

ASP.NET

<asp:gridview id="GridView1" runat="server" autogeneratecolumns="False" xmlns:asp="#unknown">
        OnRowCommand="GridView1_RowCommand" onrowediting="GridView1_RowEditing" > 
    <columns>
    <asp:boundfield headertext="ID" datafield="ID" />
    <asp:boundfield headertext="Name" datafield="ContactName" />
    <asp:boundfield headertext="Company" datafield="ContCompany" />
    <asp:boundfield headertext="Profession" datafield="ContProfession" />
    <asp:boundfield headertext="Address1" datafield="ContAdd1" />
    <asp:boundfield headertext="Address2" datafield="ContAdd2" />
    <asp:boundfield headertext="City" datafield="ContCity" />
    <asp:boundfield headertext="Pincode" datafield="ContPincode" />
    <asp:boundfield headertext="Type" datafield="ContType" />
    <asp:boundfield headertext="Status" datafield="ContStatus" />
    <asp:templatefield>
        <itemtemplate>
            <asp:linkbutton id="Edit" runat="server" onclick="Show_Button_click" text="Edit" causesvalidation="False" />
            <asp:animationextender id="popupanimation" runat="server" targetcontrolid="Edit">
            <animations>
                <onclick>
                    <parallel animationtarget="Panel1">
                    Duration="0.3" Fps="25">
                        <fadein />
                    </parallel>
                </onclick>
             </animations>
            </asp:animationextender>
            <asp:panel id="Panel1" runat="server"></asp:panel>
        </itemtemplate>
    </asp:templatefield>
    </columns>
</asp:gridview>

--Amit