Accordion Block UI window

[Arun Gandhi]

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.

[Kasithangam C]

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: 

https://help.syncfusion.com/js/api/ejwaitingpopup#methods 

https://help.syncfusion.com/aspnetmvc/waitingpopup/behavior-and-settings#show--hide-waitingpopup 

We have prepared the sample based on your requirement and it is available under the following link: 

Sample: Sample 

Regards, 

Kasithangam 

[Arun Gandhi]

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

[Ezhil S]

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 

[Arun Gandhi]

Hello,

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

Please let us know.

Thanks

[Ezhil S]

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,  

http://www.syncfusion.com/downloads/support/forum/126049/ze/SyncfusionMvcAccordion-14.3487372015   

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