Fires on the client side when the text within the control's edit box is changed while the control has focus.
Namespace:DevExpress.Web.Scripts
Assembly:JavaScript
Syntax
| JavaScript |
TextChanged : ASPxClientUploadControlTextChangedEventHandler;
|
Event Data
The event handler receives an argument of type ASPxClientUploadControlTextChangedEventArgs containing data related to this event.
The following
ASPxClientUploadControlTextChangedEventArgs properties provide information specific to this event.
Remarks
The TextChanged event is raised on the client side when the content of the edit box changes. Handle this event to respond to an end-user changing the edit box's text.
Example
In this example, the ASPxProgressBar control is used to visualize the progress of a file upload initiated within the ASPxUploadControl. The UploadingProgressChanged client event of the ASPxUploadControl is handled, to supply the ASPxProgressBar control with current progress information. Using the ASPxProgressBar as a separate control, allows placing it at any desired position within the page. The complete sample project is available in the DevExpress Code Central database at E1252.
| Aspx |
...
<dxe:ASPxLabel ID="lblFileSizeMessage" runat="server"
Text="The size of a file to upload shouldn't be greater than 5000 Kb."
CssClass="smallMessage" />
...
<dxuc:ASPxUploadControl ID="uc" ClientInstanceName="uploadControl" runat="server">
<ClientSideEvents UploadingProgressChanged="OnUploadProgressChanged"
FileUploadComplete="OnFileUploadComplete"
TextChanged="OnUploadControlTextChanged" />
</dxuc:ASPxUploadControl>
...
<dxe:ASPxButton ID="btnUpload" ClientInstanceName="btnUpload"
Runat="server" Text="Upload" AutoPostBack="False">
<ClientSideEvents Click="OnBtnUploadClick" />
</dxe:ASPxButton>
...
<dxe:ASPxProgressBar ID="pbUpload" ClientInstanceName="pbUpload"
runat="server" Width="200px" Height="23px" />
...
<dxe:ASPxButton ID="btnCancel" ClientInstanceName="btnCancel"
runat="server" Text="Cancel" AutoPostBack="False">
<ClientSideEvents Click="OnBtnCancelClick" />
</dxe:ASPxButton>
...
<dxe:ASPxLabel ID="lblCompleteMessage"
ClientInstanceName="lblCompleteMessage" ClientVisible="False"
runat="server" Text="Upload completed" />
...
|
| JavaScript |
function OnBtnUploadClick(s, e){
if(uploadControl.GetText() != ""){
lblCompleteMessage.SetVisible(false);
pbUpload.SetPosition(0);
uploadControl.Upload();
btnUpload.SetEnabled(false);
pnlProgress.SetVisible(true);
}
}
function OnUploadProgressChanged(s, e){
pbUpload.SetPosition(e.progress);
}
function OnFileUploadComplete(s, e){
if(e.isValid){
btnCancel.SetVisible(false);
btnUpload.SetEnabled(true);
pbUpload.SetPosition(100);
lblCompleteMessage.SetVisible(true);
}
else{
btnUpload.SetEnabled(true);
pnlProgress.SetVisible(false);
}
}
function OnBtnCancelClick(s, e){
uploadControl.Cancel();
btnUpload.SetEnabled(true);
pnlProgress.SetVisible(false);
}
function OnUploadControlTextChanged(s, e){
btnUpload.SetEnabled(s.GetText() != "");
}
|
See Also