|
Skriven av: danne16 | den 12 oktober 2017 Kl 17:58
|
Jag försöker att lägga in en "Wait Dialog" i form av en progress-bar.
I "Button1.ClientScript" har jag vid frågetecknen provat med olika alternativ, men har inte fått det att fungera.
Jag undrar om det är någon som kan hjälpa mig att lösa detta problem?
Sub Page_Load(Source As Object, E As EventArgs)
If Not Page.IsPostBack Then
Button1.ClientScript.RegisterStartupScript(Me.GetType(),"???","???",true);
End If
End Sub
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js";></script>
<script type="text/javascript">
var myApp;
myApp = myApp || (function () {
var pleaseWaitDiv = $('<div class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false"><div class="modal-header"><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');
},
};
})();
</script>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="True" />
<div class="modal hide" id="pleaseWaitDialog">
<div class="modal-header">
<h1>Vänta.....</h1>
</div>
<div class="modal-body">
<div class="progress progress-striped active">
<div class="bar" style="width: 100%;"></div>
</div>
</div>
</div>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
</form>
|
|
