ASPxUploadControl.ProgressBarIndicatorStyle Property
Namespace: DevExpress.Web
Assembly:
DevExpress.Web.v24.1.dll
NuGet Package:
DevExpress.Web
Declaration
public ProgressBarIndicatorStyle ProgressBarIndicatorStyle { get; }
Public ReadOnly Property ProgressBarIndicatorStyle As ProgressBarIndicatorStyle
Property Value
The ProgressBarIndicatorStyle property is in effect if the progress panel is visible (this is defined by the ASPxUploadControl.ShowProgressPanel property).
Example
This sample demonstrates how to use the ASPxUploadControl, and how to pass a file name that was saved on the server to the client, by using the server-side and client-side FileUploadComplete events.
function OnUploadStart() {
btnUpload.SetText("Uploading...");
btnUpload.SetEnabled(false);
}
function OnUploadComplete(args) {
btnUpload.SetText("Upload");
btnUpload.SetEnabled(true);
lblFileName.SetText(args.callbackData);
}
<script runat="server">
protected void Page_Load(object sender, EventArgs e) {
}
protected void ASPxUploadControl1_FileUploadComplete(object sender,
DevExpress.Web.FileUploadCompleteEventArgs e) {
string fileName = e.UploadedFile.FileName;
e.CallbackData = fileName;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>How to pass a file name that was saved on the server to the client</title>
</head>
<body>
<form id="form2" runat="server">
<div>
<dxuc:ASPxUploadControl ID="ASPxUploadControl1" runat="server"
ClientInstanceName="upload"
OnFileUploadComplete="ASPxUploadControl1_FileUploadComplete"
ShowProgressPanel="True" ShowUploadButton="True"
Size="25">
<ProgressBarIndicatorStyle BackColor="#0099CC">
</ProgressBarIndicatorStyle>
<ProgressBarSettings ShowPosition="False" />
<ClientSideEvents FileUploadComplete="function(s, e) { OnUploadComplete(e); }"
FileUploadStart="function(s, e) { OnUploadStart(); }" />
<ProgressBarStyle BackColor="#99CCFF">
</ProgressBarStyle>
</dxuc:ASPxUploadControl>
<dxe:ASPxButton ID="btnUpload" runat="server" AutoPostBack="False"
Text="Upload" ClientInstanceName="btnUpload">
<ClientSideEvents Click="function(s, e) { upload.UploadFile(); }">
</ClientSideEvents>
</dxe:ASPxButton>
<br/>
<table cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right: 5px;">
<dxe:ASPxLabel ID="lblUploadedFileName" runat="server"
Text="Uploaded file name: " Font-Bold="True">
</dxe:ASPxLabel>
</td>
<td>
<dxe:ASPxLabel ID="lblFileName" runat="server"
ClientInstanceName="lblFileName">
</dxe:ASPxLabel>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
See Also