Uploading files AND form fields

[Christoph]

Hi! Currently I'm planning a web application and I'm not quite sure, if the AsyncUpload component would satisfy my needs. Basically I'm trying to acomplish the following: - having multiple text input fields (e.g. for contact details) - allowing the user to upload multiple files at once - allowing the user to select multiple files at once if Flash or Silverlight is available - showing upload progress The operation doesn't need to be async but of course it would be nice if the upload could be started just after selecting files. I've already looked at the AsyncUpload examples but somehow I'm unsure if I can combine this component with regular form fields (and a submit-button). The regular RADUpload component could be easily used for that but in my understanding, it lacks the support of selecting multiple files because it doesn't use Flash/SL and selecting dozens of files one after another isn't an option for me... What do you think, can either of these controls work for me? chris

[Peter Filipov]

Hello Christoph,

Please review the following demo. It implements the scenario with additional fields. In case that you want to use RadUpload control please review it's demo for additional fields.

Best wishes,
Peter Filipov
the Telerik team

[Christoph]

Hello Peter,

thanks for the links. I can sort the RadUpload "out" because it lacks the possibility to select multiple files at once.
But the Additional Fields demo looks interesting, although there is one important design difference to my project: The user can click the Submit button at every time (even while files are still uploaded). I would really like to avoid this behaviour because I'm quite sure there are plenty of users who doesn't wait until their files are uploaded (or simply don't know that they have to wait).

My basic idea would be to disable the submit button while uploads are still in progress.
I guess this could be easily done using Javascript.
The more advanced way would be to automatically "suspend" the submission until every file has been uploaded. In this case, I simply have to use __doPostBack() when the filesuploaded event occurs, haven't it?

Kind regards,
Christoph

[Peter Filipov]

Hi Christoph,

You are correct, you can use OnClientFilesUploaded event to enable the button after the files are uploaded.

Regards,
Peter Filipov
the Telerik team