我正在为Multi-select dropdown list
开发一个Ajax Drop-down extender
。
<asp:TextBox ID="txtDisplay" runat="server" CssClass="tb10" ></asp:TextBox>
<asp:Panel ID="DropPanel" runat="server" CssClass="ContextMenuPanel"
Width="280px" style="display :none;visibility: hidden;padding-bottom:-1px;
margin-top:-28px;margin-left:0px;background-color:#F5F5F5;overflow:hidden;
height:auto;min-height:100px;max-height:300px;max-width:350px;" >
<div id="CombClose" style="padding-right:2px;color:#FFFFFF;text-align:right;cursor:pointer;height:35px;background-color:#507CD1;width:100%;" runat="server" >Close</div>
<br />
<div runat="server" id="listDiv" style="padding-bottom:-1px;margin-top:-28px;
margin-left:0px;background-color:#F5F5F5;overflow-Y:auto;overflow-X:hidden;
height:200px;max-height:265px;max-width:350px;" >
<asp:CheckBoxList ID="chkList" runat="server" CssClass="Chklist" OnSelectedIndexChanged="chkList_SelectedIndexChanged" >
</asp:CheckBoxList>
<asp:ListBox ID="list" runat="server">
</asp:ListBox>
</div>
</asp:Panel>
<ajaxToolkit:DropDownExtender runat="server" ID="DDE" TargetControlID="txtDisplay"
DropDownControlID="DropPanel" HighlightBorderColor="Transparent" OnClientPopup="OnClientPopup" >
<Animations>
<OnShow>
<Sequence>
<HideAction Visible="true" />
<FadeIn Duration=".5" Fps="10" />
</Sequence>
</OnShow>
<OnHide>
<Sequence>
<FadeOut Duration=".5" Fps="10" />
<HideAction Visible="false" />
<StyleAction Attribute="display" Value="none"/>
</Sequence>
</OnHide>
</Animations>
</ajaxToolkit:DropDownExtender>
现在我需要在下拉扩展器关闭时调用java脚本函数。
任何人都可以指导我如何做到这一点。
在这里,我正在使用动画有任何方法来调用OnHide
上的任何java脚本函数。
如果有任何办法,Plz会告诉我。
答案 0 :(得分:0)
最后我得到了一个解决方案,如何在dropdownextender
关闭时调用java-script函数。
我们可以使用这个来调用javascript函数。
<ScriptAction Script="alert('Dropdown is colsing');" />
<ajaxToolkit:DropDownExtender runat="server" ID="DDE" TargetControlID="txtDisplay"
DropDownControlID="DropPanel" HighlightBorderColor="Transparent" OnClientPopup="OnClientPopup" >
<Animations>
<OnShow>
<Sequence>
<HideAction Visible="true" />
<FadeIn Duration=".5" Fps="10" />
</Sequence>
</OnShow>
<OnHide>
<Sequence>
<FadeOut Duration=".5" Fps="10" />
<HideAction Visible="false" />
<StyleAction Attribute="display" Value="none"/>
<ScriptAction Script="alert('Dropdown is colsing');" />
</Sequence>
</OnHide>
</Animations>
</ajaxToolkit:DropDownExtender>
现在我的问题已经解决了。