Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

please help my ajax drop down list is not working

$
0
0

Hi All,

I am trying ajax drop down list.

My two drop down works perfectly.

But 3 rd is not working.

I tried many ways but its not working.

Below is the code.

<asp:Content ID="Content2" ContentPlaceHolderID="SampleContent" Runat="Server"><table><tr><td><ajaxToolkit:ToolkitScriptManager runat="server" ID="ScriptManager1" /><div class="demoarea"><div class="demoheading">DropDown Demonstration</div><div>Hover over the text below and click to select an option:</div><br /><asp:Label ID="TextLabel" runat="server" Text="Select your favorite exotic ice-cream flavor"
            Style="display: block; width: 300px; padding:2px; padding-right: 50px; font-family: Tahoma; font-size: 11px;" /><asp:Panel ID="DropPanel" runat="server" CssClass="ContextMenuPanel" Style="display :none; visibility: hidden;"><asp:LinkButton runat="server" ID="Option1" Text="Mocha Blast" CssClass="ContextMenuItem"  /><asp:LinkButton runat="server" ID="Option2" Text="Java Cyclone" CssClass="ContextMenuItem"  /><asp:LinkButton runat="server" ID="Option3" Text="Dry Fruit" CssClass="ContextMenuItem"  />        </asp:Panel><ajaxToolkit:DropDownExtender runat="server" ID="DDE"
            TargetControlID="TextLabel"
            DropDownControlID="DropPanel" /><br /><asp:UpdatePanel id="Update" runat="server"><ContentTemplate><asp:Label id="lblSelection" runat="server" Style="padding: 5px;" /></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="Option1" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option2" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option3" EventName="Click" /></Triggers></asp:UpdatePanel><ajaxToolkit:UpdatePanelAnimationExtender ID="UpdateAnimation" runat="server" TargetControlID="Update" BehaviorID="Highlight"><Animations><OnUpdated><Sequence><Color AnimationTarget="lblSelection"
                            Duration=".5" PropertyKey="backgroundColor"
                            StartValue="#FFFF90" EndValue="#FFFFFF"  /></Sequence></OnUpdated></Animations></ajaxToolkit:UpdatePanelAnimationExtender></div></td></tr></table><table><tr><td><div class="demoarea"><div class="demoheading">DropDown Demonstration</div><div>Hover over the text below and click to select an option:</div><br /><asp:Label ID="Label1" runat="server" Text="Select your favorite exotic ice-cream flavor"
            Style="display: block; width: 300px; padding:2px; padding-right: 50px; font-family: Tahoma; font-size: 11px;" /><asp:Panel ID="Panel1" runat="server" CssClass="ContextMenuPanel" Style="display :none; visibility: hidden;"><asp:LinkButton runat="server" ID="LinkButton1" Text="Mocha Blast" CssClass="ContextMenuItem"  /><asp:LinkButton runat="server" ID="LinkButton2" Text="Java Cyclone" CssClass="ContextMenuItem"  /><asp:LinkButton runat="server" ID="LinkButton3" Text="Dry Fruit" CssClass="ContextMenuItem"  />        </asp:Panel><ajaxToolkit:DropDownExtender runat="server" ID="DropDownExtender1"
            TargetControlID="Label1"
            DropDownControlID="Panel1" /><br /><asp:UpdatePanel id="UpdatePanel1" runat="server"><ContentTemplate><asp:Label id="Label2" runat="server" Style="padding: 5px;" /></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="Option1" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option2" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option3" EventName="Click" /></Triggers></asp:UpdatePanel><ajaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender1" runat="server" TargetControlID="Update" BehaviorID="Highlight"><Animations><OnUpdated><Sequence><Color AnimationTarget="Label2"
                            Duration=".5" PropertyKey="backgroundColor"
                            StartValue="#FFFF90" EndValue="#FFFFFF"  /></Sequence></OnUpdated></Animations></ajaxToolkit:UpdatePanelAnimationExtender></div></td></tr></table><table><tr><td><div class="demoarea"><div class="demoheading">DropDown Demonstration</div><div>Hover over the text below and click to select an option:</div><br /><asp:Label ID="Label3" runat="server" Text="Select your favorite exotic ice-cream flavor"
            Style="display: block; width: 300px; padding:2px; padding-right: 50px; font-family: Tahoma; font-size: 11px;" /><asp:Panel ID="Panel2" runat="server" CssClass="ContextMenuPanel" Style="display :none; visibility: hidden;"><asp:LinkButton runat="server" ID="LinkButton4" Text="Mocha Blast" CssClass="ContextMenuItem"  /><asp:LinkButton runat="server" ID="LinkButton5" Text="Java Cyclone" CssClass="ContextMenuItem"  /><asp:LinkButton runat="server" ID="LinkButton6" Text="Dry Fruit" CssClass="ContextMenuItem"  />        </asp:Panel><ajaxToolkit:DropDownExtender runat="server" ID="DropDownExtender2"
            TargetControlID="Label3"
            DropDownControlID="Panel2" /><br /><asp:UpdatePanel id="UpdatePanel2" runat="server"><ContentTemplate><asp:Label id="Label4" runat="server" Style="padding: 5px;" /></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="Option1" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option2" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option3" EventName="Click" /></Triggers></asp:UpdatePanel><ajaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender2" runat="server" TargetControlID="Update" BehaviorID="Highlight"><Animations><OnUpdated><Sequence><Color AnimationTarget="Label4"
                            Duration=".5" PropertyKey="backgroundColor"
                            StartValue="#FFFF90" EndValue="#FFFFFF"  /></Sequence></OnUpdated></Animations></ajaxToolkit:UpdatePanelAnimationExtender></div></td></tr></table></asp:Content>

Please help.

Regards,

Jayesh.(From India,Mumbai)


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>