用户控件(ASCX)中不显示Gif

时间:2017-08-20 13:45:01

标签: jquery css asp.net animated-gif ascx

我有aspx页面,里面有ascx(用户控件) 我想在用户控件中显示一个gif,但它不起作用。 当我按下aspx页面中的asp:按钮时,它会打开包含对话框和内部按钮的用户控件。 现在我想按下usercontrol里面的按钮时显示gif。 这是我的用户控件:

    <%@ Control Language="vb" AutoEventWireup="false" CodeBehind="ucSendOrPrint.ascx.vb" Inherits="EmMictavNew.ucSendOrPrint" %>

<script type="text/javascript">

    function DoWaitProgress() {
        $("#ucLblKamutFound").text("please wait...");
        $("#ucInProgress").addClass("inProgress");
    }
    $(document).ready(function () {
        $(document).keypress(function (e) {
            if (e.which == 13) {
                $('#ucBtnPrintOrSend').trigger('click');
            }
        });

        var dlg = $("#theDialog").dialog({    
            width: "25%",    
            position: ["center", "center"]    
        });

        dlg.parent().appendTo(jQuery("form:first"));

        //button in the aspx page that open 
        //the dialog    
        $('#btnPrintAndSave').click(function () {   
            $("#theDialog").dialog('open');    
            return false;    
        });
        //button inside the user control
        $('#closer').click(function () {   
            $("#theDialog").dialog('close');    
            return false;    
        });     

        //send button inside the dialog to show progress gif    
        $('#ucBtnPrintOrSend').click(function (e)
        {
             //DoWaitProgress();
               return DoWaitProgress();
         }

        });

    });

</script>

<div id="theDialog">
    <div id="dialogContainer">        
        <div style="text-align: left;">
                <asp:Button ID="ucBtnPrintOrSend" runat="server" 
                  CssClass="send"></asp:Button>

                <asp:Button runat="server" ID="closer" CssClass="sgira">
                </asp:Button>

            </div>

        </div>

         <div style="position: absolute; top: 50%; left: 40%;
                     z-index:1000;">

                <asp:Label ID="ucLblKamutFound" runat="server" 
                 ClientIDMode="Static" CssClass="fontbold14"></asp:Label>

                <div id="ucInProgress" class=""></div>
         </div>    
</div>

我可以看到消息等待... 但是gif(inProgress)没有显示在屏幕上。 (通过查看&#34;检查元素&#34;,它就在那里。)

另外,如果我从aspx做同样的事情,它可以工作,我可以看到gif,但是当在ascx中做同样的事情时,它不起作用。

非常感谢。

0 个答案:

没有答案