2011-03-07 2 views
2

사용자가 이메일 보내기 버튼을 클릭 할 때 화면을 잠글 필요가있는 페이지가 있습니다. 그러나 잠금 화면 페이지가 보이지 않는 것을 제외하면 모든 일이 발생합니다. 내가 여기에 코드의 m 게시 일부 에서 .aspx 부분이메일 보내기 페이지의 잠금 화면 asp.net

<asp:UpdatePanel ID="SendMailUpdatePanel" runat="server"> 
    <ContentTemplate> 
     <div style="float: right;"> 
      <asp:Button ID="btnSend" runat="server" Text="Send" ToolTip="Send " 
       Visible="false" Font-Bold="True" OnClick="btnSendResume_Click" />       
      <asp:Button ID="btnDown" runat="server" Text="Download IDs" ToolTip="follow-up" 
       Visible="false" Font-Bold="True" OnClick="btnDownloadEmailIDs_Click" /> 
     </div> 
    </ContentTemplate> 
</asp:UpdatePanel> 
    <table> 
     <td style="width: auto; vertical-align: top;"> 
      <asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="SendMailUpdatePanel"> 
       <ProgressTemplate> 
        <div id="blur" style="width: 100%; background-color: black; moz-opacity: 0.5; khtml-opacity: .5; 
         opacity: .5; filter: alpha(opacity=50); z-index: 120; height: 100%; position: absolute; 
         top: 0; left: 0;"> 
         <div id="progress" style="z-index: 200; background-color: White; position: absolute; top: 0pt; 
          left: 0pt; border: solid 1px black; padding: 5px 5px 5px 5px; text-align: center;"> 
          <b>Mail in progress.Please Wait...</b> 
          <br /> 
         </div> 
        </div> 
       </ProgressTemplate> 
      </asp:UpdateProgress> 
     </td> 
    </table> 

.cs 부분 ..이 목적에 대한 업데이트 진행 상황을 사용한

protected void btnSendResume_Click(object sender, EventArgs e) 
     { 
      System.Threading.Thread.Sleep(2000); 

} 

내가 여기에 언급되지 않은 부분의 나머지 ... 도움이

+0

나는 [이 게시물]의 예를 시도 (http://ajax.net-tutorials.com/controls/updateprogress-control/) 당신의 설정과 매우 비슷하게 보이고 그것은 나를 위해 잘 작동합니다. –

답변

1

HTML 테이블이 잘못 구성되었습니다. <tr> 요소가 없지만 실제 문제는 아마도 스타일 속성에 있습니다. 아래의 업데이트 된 코드를 참조하십시오. http://blogs.visoftinc.com/2008/03/13/Modal-UpdateProgress-for-UpdatePanel-Revisited/

다음에 코드를 조정 해보십시오 :

당신은 당신이 뭘 하려는지 수행하는 방법의 좋은 예를 찾을 수 있습니다

<asp:UpdatePanel ID="SendMailUpdatePanel" runat="server"> 
    <ContentTemplate> 
     <div style="float: right;"> 
      <asp:Button ID="btnSend" runat="server" Text="Send" ToolTip="Send " 
       Visible="false" Font-Bold="True" OnClick="btnSendResume_Click" />       
      <asp:Button ID="btnDown" runat="server" Text="Download IDs" ToolTip="follow-up" 
       Visible="false" Font-Bold="True" OnClick="btnDownloadEmailIDs_Click" /> 
     </div> 
    </ContentTemplate> 
</asp:UpdatePanel> 
<asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="SendMailUpdatePanel"> 
    <ProgressTemplate> 
     <div id="blur" style="position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0; margin:0; background-color:black; filter:alpha(opacity=50); opacity:0.5; z-index:1000;" /> 
     <div id="progress" style="position:fixed; top:30%; left:43%; width:14%; z-index:1001; background-color:white; border:solid 1px black; padding:5px; text-align:center;"> 
      <b>Mail in progress.Please Wait...</b> 
      <br /> 
      <br /> 
     </div> 
    </ProgressTemplate> 
</asp:UpdateProgress> 
+0

실제로 내 코드를 tr에 두었습니다. 아직 보이지 않았습니다. – abhijit

+0

@ user648372 코드를 업데이트했는데 이것이 효과가 있다고 생각합니다. 위에 표시된 것보다 더 많은 것이 있다면 그 점을 확실하게 모르므로 테이블을 모두 제거했습니다. 다시 추가하는 것에 대해 걱정할 것입니다. – theChrisKent

+0

여전히 달성 할 수있는 havent ...이 페이지에 스크립트 관리자를 추가 할 수 없다면 스크립트 관리자의 두 인스턴스를 만들 수 없다는 것을 알 수 있습니다. @chris는 ur 코드를 사용했지만 여전히 해당 버튼을 클릭하면됩니다. can not can can juu jquery solution 이것이 가능하지 않다면 canu가 jQuery 해결책을 제안하기 전에 페이지를 미리 조정해야한다. – abhijit