How to show clock or hourglass image in Dailogbox on some Action

[Former Member]

Hi All,

i have a requirement to show  loading wheel or  clock or hourglass image as soon as i click on search button in the lookup.i.e in DailogbOx

I am trying to show GIF image of loading wheel.

I tried mutiple ways like::

1)

var oMyTable = new sap.ui.table.Table();

• oMyTable.setBusyIndicatorDelay(0);
• oMyTable.setBusy(true); //open busy indicator

• oMyTable.setBusy(false); //close busy indicator
• 
  

2)sap.ui.core.BusyIndicator.show()

sap.ui.core.BusyIndicator.hide()

3)sap.m.BusyDialog.open()

sap.m.BusyDialog.close()

4)

attachRequestSent(function(){

//          //  sap.ui.core.BusyIndicator.show();

// oControl.oResultTable.setBusy(true);

// });

//.attachRequestCompleted(function(){

//          //sap.ui.core.BusyIndicator.hide();

// oControl.oResultTable.setBusy(false);

These are working only after we get data in the table.But i want to show the loading wheel image as soon as i click on serach.i.e before the data gets populated in the lookup table.

The above sample codes are placed properly .Is there something because we are showing lookup in a  DialogBox  and there is some background screen.

Please advice

PFA screenshot

[Former Member]

Also I tried using below code

<div id="prgBarDiv" style="display:none; background: white; border:2px solid white; border-radius:7px; -moz-border-radius:7px; position: fixed; top: 0px; left: 0px; z-index: 10; width:100%; height: 100%; opacity:0.8; filter:alpha(opacity=80);">

<div style="position:absolute; top: 40%; left: 30%;">

<p:progressBar id="progressBar" widgetVar="prgbar" labelTemplate="Loading..." styleClass="animated" style="width: 300px; margin-top: 10px;"></p:progressBar>

<br/><img src='ajax-loader.gif'>

</div>

</div>

For Showing::

jQuery("#prgBarDiv").css("display","inline");

For Hiding::

jQuery("#prgBarDiv").css("display","none");

Gif Image is not coming in the dailog but it is coming on the main screen.

Please advice.

Regards,

Satya