We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Accordion Block UI window

Hello

I am trying to add block UI or similar window to indicate on going processing with in an Accordion. It's not showing up with Accordion. E.g. on list box (the control is on Accordion) change event, I want to display "Please wait" window.  My window never shows up.

Here is my code
  var myApp;
           myApp = myApp || (function () {
               var pleaseWaitDiv = $('<div class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false"><div class="modal-header" style="z-index: -1"><h1>Processing...</h1></div><div class="modal-body"><div class="progress progress-striped active"><div class="bar" style="width: 100%;"></div></div></div></div>');
               return {
                   showPleaseWait: function () {
                       pleaseWaitDiv.modal();
                   },
                   hidePleaseWait: function () {
                       pleaseWaitDiv.modal('hide');
                   },

               };
           })();

 $('#lstCustomView').change(function ()
            {
               myApp.showPleaseWait();
           if ($('#lstCustomView').val() != "-1") {
                    $("#btnEditView").removeAttr("disabled");
                    $("#btnDeleteView").removeAttr("disabled");

                    $('#txtViewName').val($('#lstCustomView option:selected').html());
                    $("#btnEditView").text('Save View');
                    setGridColumn($(this).val());
                    bootbox.alert("View Loaded.", function () {
                    });

                }
                else
                {
                    //$("#btnEditView").attr('disabled','disabled');
                    //$("#btnDeleteView").attr('disabled', 'disabled');
                    //$('#txtViewName').val('');
                    //$("#btnEditView").text('Edit View');
                    ResetButton();

                }
                myApp.hidePleaseWait();
            });


Please advise. If you have any other sample, please let me know.

You guys are very helpful.

Thanks a lot.



5 Replies

KC Kasithangam C Syncfusion Team September 19, 2016 10:44 AM UTC

Hi Arun, 
Thanks for contacting Syncfusion support. 
We have a method called “show” and “hide” to show/hide the popup window. Please find the below API link referenece for the same: 
We have prepared the sample based on your requirement and it is available under the following link: 
Sample: Sample 
Regards, 
Kasithangam 



AG Arun Gandhi September 19, 2016 04:54 PM UTC

Hello,

Thanks for your response. My issue with control with in Accordion. E.g. I want to display waiting popup when Selectedindex change event of list box control with in Accordion.

Thanks
Arun


ES Ezhil S Syncfusion Team September 20, 2016 10:37 AM UTC

Hi Arun, 
    
Thanks for the update.    
   
We were able to re-produce the issue with triggering Listbox change event at our end. This is already a known issue and the fix will be included in our main release Volume 3, 2016.      
   
Regards,   
Ezhil S 



AG Arun Gandhi October 5, 2016 06:14 PM UTC

Hello,

Any update on this. I installed Vol. 3 and still seeing the issue.

Please let us know.

Thanks


ES Ezhil S Syncfusion Team October 6, 2016 10:53 AM UTC

Hi Arun,  
   
We are unable to reproduce the issue with triggering Change event for Listbox in Volume 3. Kindly ensure whether you have updated assembly files, script and CSS to latest Volume 3. We have upgraded the sample to Volume 3 and it can be downloaded from the following link,  

If the issue still persists at your end, please modify the sample to reproduce issue at our end. So that we can provide you a solution.  
  
Regards,  
Ezhil S  


Loader.
Live Chat Icon For mobile
Up arrow icon