[CLOSED] multiple file upload and file size at client side

[mirwais]

Please use:

App.FileUploadField1.button.fileInputEl

Hi Daniil thanks that did the work.

@tk.Mageztik if you still need the solution for ext 2.x, basically take the same code as above and change the following:

 <ext:FileUploadField
                    ID="FileUploadField1"
                    runat="server"   
                    ButtonText="Add Files"
                    Icon="Add"        
                    ButtonOnly="true"
                    AllowBlank="false"                                                 
                    >
                    <Listeners>
                        <render Handler="SetMultipleUpload( this, #{UpdateLabel}) ;" />
                        <Change Handler="if(!UpdateUploadInfo(this.button.fileInputEl.dom, #{UpdateLabel})) {this.reset();
                         SetMultipleUpload( this, #{UpdateLabel})}"/>                        
                    </Listeners>               
                    </ext:FileUploadField>

And

 var SetMultipleUpload = function (fileupload, label) {
        fileupload.button.fileInputEl.set({ multiple: 'multiple' });
 
        if (Ext.isIE) {
            label.setText('IE does not support multiple file upload, to use this feature use Firefox or Chrome');
        }
    }

[Daniil]

@mirwais, thank you for sharing a final solution.

[ftonacao]

Hi Guys,

Well this still works in ext 2.1?

Ext Version: 2.1

Error: button.fielInputEl is null or not an object

Also,

there's an error adding

<ext:FormPanel>
<Listeners><ClientValidation Handler="" />
</Listeners>
</ext:FormPanel>

Ext.Net.FormPanelListeners does not have a public property names 'ClientValidation'

[mirwais]

Hi Guys,

Well this still works in ext 2.1?

Ext Version: 2.1
Error: button.fielInputEl is null or not an object

Also,

there's an error adding

<ext:FormPanel>
<Listeners>
<ClientValidation Handler="" />
</Listeners>
</ext:FormPanel>

Ext.Net.FormPanelListeners does not have a public property names 'ClientValidation'

Hi
yes this will work with some minor changes maybe:
I have no problems with fileupload.button.fileInputEl.set({ multiple: 'multiple' });, but the ClientValidation event is not there anymore, probably use ValidationChange instead, or another mechanism not to postback to the server when there are no files selected. Like using a "before listener" in save button:

  <ext:Button ID="SaveButton" runat="server" Text="Save">
                    <DirectEvents>
                        <Click
                            OnEvent="UploadClick" Before="return #{FileUploadField1}.button.fileInputEl.dom.files.length>0" >                           
                            <EventMask ShowMask="true" />
                        </Click>                         
                    </DirectEvents>
                </ext:Button>

[Daniil]

The thread is related to this one.
http://forums.ext.net/showthread.php?23299

[Daniil]

The thread is related to this one.
http://forums.ext.net/showthread.php?25421

[cwtsang1012]

hello guys,

i want to use the above code for ext 2.x. However, i got an error "Type 'Ext.Net.FormPanelListeners' does not have a public property named 'clientvalidation'.".
How can i solve it?

Those code with error:

<Listeners>
      <clientvalidation handler="#{SaveButton}.setDisabled(!valid);"/>
</Listeners>

[Daniil]

Hi @cwtsang1012,

Please search for "clientvalidation" here:
https://examples2.ext.net/#/Getting_...EAKING_CHANGES

Here is some general tips about migrating from v1 to v2.
http://forums.ext.net/showthread.php...ll=1#post79239

[cwtsang1012]

Thank you so much! it does work now!

[ALobpreis]

Sorry for bringing this thread back again, but I think my issue is related enough.

When uploading several files, is it possible to have a visual feedback after each file finishes uploading?

The only useful listeners/events I found in the FileUploadField control is FileSelected. I tried refreshing the GridPanel that contains the file names after each one is uploaded but that didn't work: the grid is only refreshed after the whole process is complete.
I see that in Ext.Net 2.x, the MultiUpload control has several cool listeners, like UploadProgress and UploadComplete. Is there a way to do something like that with Ext.Net 1.0?

Thanks and regards,

Andrew