Saturday, June 30, 2007

Wait Dialog

. Saturday, June 30, 2007



Personalmente per creare un dialog wait da inserire in una pagina aspx ho fatto uso dello script di Stephen Chapman
1)scaricare lo script e inserirlo nella vostra pagina aspx, in questo modo:

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

2)creare un css( style.css):
#mbox{
background-color
:#eee;
padding
:8px;
border
:2px outset #666;
}
#mbm
{
font-family
:sans-serif;
font-weight
:bold;
float
:right;
padding-bottom
:5px;
}
.dialog
{
display
:none
}
* html
#ol
{
background-image
:none;
}

3)collegare il css alla pagina:
<LINK href="style.css" type="text/css" rel="stylesheet">

4)creare tramite un div il dialog wait(da collocare nell'html dell'aspx):
<div class="dialog" id="wait">
<div align="center" style="align:middle">
<h1>Attendere Prego...</h1>
</div>
</div>

5)infine nell'evento pre render della pagina aspx(NewPage.aspx)
private void NewPage_PreRender(object sender, System.EventArgs e)
{
btnWait.Attributes.Add(
"onClick", "Javascript:sm('wait',300,200)" );
}


Da sottolineare il parametro "wait" che rappresenta l'id del controllo div creato nel passo4.

Non ci rimane che simulare un'operazione particolarmente onerosa, per esempio un ciclo da eseguire nell'evento click del button btnWait:
private void btnWait_Click(object sender, System.EventArgs e)
{
StringBuilder builder
= new StringBuilder();
for( int i=0; i&lt;10000000; i++)
builder.Append( i.ToString());
}

0 commenti:

Post a Comment