ASPxClientUploadControl.TextChanged Event

Fires on the client side when the text within the control’s edit box is changed while the control has focus.

Declaration

TextChanged: ASPxClientEvent<ASPxClientUploadControlTextChangedEventHandler<ASPxClientUploadControl>>

Event Data

The TextChanged event's data class is ASPxClientUploadControlTextChangedEventArgs. The following properties provide information specific to this event:

Property	Description
inputIndex	Gets the index of a file input element within the ASPxUploadControl.

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 ASPxClientUploadControl.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.

JS

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() != "");
        }

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" />
...