Custom Javascript
Como funcionalidad adicional, podemos dar la posibilidad de añadir javascript extra a nuestro
FileUploadAJAX, manejando 10 eventos posibles:
-
preLoad: antes de que se cargue el primer uploader.
-
postLoad: en el momento se ha cargado el control.
-
preAdd: antes de que se ejecute el evento add, con el que añadimos
un nuevo uploader.
-
postAdd: después de ejecutarse el evento add.
-
preDelete: antes de borrar un fichero.
-
postDelete: tras haber borrado el fichero.
-
preHide: antes de esconder un fichero o un uploader.
-
postHide: después de esconder un fichero o un uploader.
-
preUpload: antes de comenzar a subir el fichero.
-
postUpload: tras haber subido el fichero.
Tanto en el evento PostUpLoad como en el evento PreDelete, podemos acceder a la
información de fichero (HttpPostedFileAJAX), cuyo nombre de variables es el mismo que el de
las propiedades del HttpPostedFileAJAX. En el ejemplo
Custom Javascript 2 se muestra mucho más claro este aspecto.
A continuación se muestra un ejemplo muy sencillo donde se demuestra cuando se maneja cada evento.
En posteriores ejemplos haremos énfasis en el evento más importante: postUpload.
Code.aspx
<cc1:FileUploaderAJAX ID="FileUploaderAJAX1" runat="server" MaxFiles="5" />
Code.aspx.cs
// Código dentro del Page_Load
if (!Page.IsPostBack)
{
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preLoad, "alert('preLoad');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postLoad, "alert('postLoad');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preAdd, "alert('preAdd');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postAdd, "alert('postAdd');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preDelete, "alert('preDelete');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postDelete, "alert('postDelete');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preHide, "alert('preHide');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postHide, "alert('postHide');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preUpload, "alert('preUpload');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postUpload, "alert('postUpload');");
}
}