在dropdownextender关闭时调用javascript函数

时间:2013-10-11 08:25:39

标签: asp.net animation dropdownextender

我正在为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会告诉我。

1 个答案:

答案 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>

现在我的问题已经解决了。