chitrakant

chitrakant

  • NA
  • 7
  • 8.1k

how to disabled the form controls until process completed, i

May 21 2013 12:07 AM
i used the UpdateProgress for display the process message (ex. plz wait..) to the user until server take time for processing and here i also used ModalPopupExtender to disabled the  the form and it's controls until the server processing is completed and when the process is completed then the ModalPopupExtender is auto hide and the disabled form status is changed to enabled. And it is work fine in Google Chrome, Mozilla Firefox etc. but does not work fine in Internet Explorer 8, Internet Explorer9 here when i click any button in form then until the process running UpdateProgress is work but the ModalPopupExtender doen not disabled the form and it's controls and user can easily click the other controls of the form. but in case of Google Chrome, Mozilla Firefox etc user can't interact with the form control until the process is completed.

i used the following code for this plz check it 

     <script type="text/javascript" language="javascript">
         var ModalProgressIndex = '<%= ModalPopupExtenderIndex.ClientID %>';  
     </script>

    <script type="text/javascript" src="jsUPIndex.js"></script>


    <asp:Panel ID="Panel1" runat="server">
    <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="0" AssociatedUpdatePanelID="UpdatePanel4">
    <ProgressTemplate>
            <div class="CenterPB" style="height: 35px; width: 167px; position: absolute;">
                Plz Wait...
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
    </asp:Panel>

    <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtenderIndex" runat="server" PopupControlID="Panel1" TargetControlID="Panel1"></ajaxToolkit:ModalPopupExtender>


code of "jsUPIndex.js" file 

> Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginReq);
> Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endReq);
> function beginReq(sender, args) {   $find(ModalProgressIndex).show();
> }
> function endReq(sender, args) {   $find(ModalProgressIndex).hide(); }

do i need to add extra script here. plz give me solution for this
 

Answers (3)