This is a migrated thread and some comments may be shown as answers.

Using RadAsyncUpload in a popup formtemplate

1 Answer 226 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Jhon Jairo Zapata Montealegre asked on 05 Aug 2010, 05:41 PM

Hi, I'm trying to use a RadAsyncUpload and a RadBinaryImage like in this example http://demos.telerik.com/aspnet-ajax/upload/examples/async/ajaxprocessing/defaultcs.aspx, but in a popup formtemplate, everything works fine, but the FileUploaded event of the RadAsyncUpload never fires. I have attached the aspx and code behind, this aspx has a master page.

<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/Admin.Master" AutoEventWireup="true" CodeBehind="lstUsuarios.aspx.cs" Inherits="SistemaCIRI.Admin.lstUsuarios" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceMain" runat="server"> <script type="text/javascript"> function fileUploaded(sender, args) { $find('rgUsuarios').ajaxRequest(); sender.deleteFileInputAt(0); } </script> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <ajaxsettings> <telerik:AjaxSetting AjaxControlID="rgUsuarios"> <UpdatedControls><telerik:AjaxUpdatedControl ControlID="rgUsuarios" /></UpdatedControls> </telerik:AjaxSetting> </ajaxsettings> </telerik:RadAjaxManager> <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server"> <ajaxsettings> <telerik:AjaxSetting AjaxControlID="RadAjaxManager2"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="Thumbnail" /> </UpdatedControls> </telerik:AjaxSetting> </ajaxsettings> </telerik:RadAjaxManager> <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"> </telerik:RadScriptManager> <div class="clear"> </div> <div style="width: 960px; height: 80px; font-size: 16px;" class="bkgHeader"> <table cellpadding="0" cellspacing="0" border="0" style="padding-top: 5px;"> <tr> <td style="width: 100px; vertical-align: middle; text-align: center;"> <asp:Image ID="imgLogoCIA" ImageUrl="../imagenes/logosAseguradoras/lg_fasecolda.jpg" runat="server" Width="90px" Height="70px" /> </td> <td style="width: 300px;"> <table style="width: 280px;" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" style="font: bold 14px Verdana;"> Fasecolda </td> </tr> <tr> <td align="left" style="font: 12px Verdana;"> Nombre Apellido1 Apellido2 </td> </tr> <tr> <td colspan="2" style="height: 19px;"> </td> </tr> <tr> <td align="left" style="font: 9px Verdana;"> Última actualización: <asp:Label ID="lblUltAct" Text="20/Julio/2010" runat="server" /> </td> </tr> </table> </td> <td style="width: 450px;" rowspan="2" align="center"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td colspan="2" style="font: bold 14px Verdana;"> GESTIÓN DE USUARIOS </td> </tr> <tr> <td colspan="2" style="height: 10px;"> </td> </tr> </table> </td> <td align="left" style="width: 20px; font: 9px Verdana; vertical-align: bottom;"> Fecha <asp:Label ID="lblFechaActual" Text="20/Julio/2010" runat="server" /> </td> </tr> </table> </div> <div class="clear"> </div> <div style="width: 960px; padding-top: 20px;"> <table style="padding-top: 20px;" cellpadding="0" cellspacing="0" border="0"> <tr> <td style="width: 390px;"> Búsqueda por No. identificación  <asp:TextBox ID="txtBuscarUsuario" Width="200px" runat="server" /> </td> <td> <asp:ImageButton ID="btnBuscarUsuario" runat="server" AlternateText="Buscar" ImageAlign="Middle"

<br>                        ImageUrl="../imagenes/btnBuscar.png" OnClick="btnBuscarUsuario_Click" /><

br> </td> </tr> </table> <table style="padding-top: 20px; padding-bottom: 50px;" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <telerik:RadGrid ID="rgUsuarios" runat="server" Skin="Vista" ShowStatusBar="True"

<br>                        AllowAutomaticInserts="false" AllowAutomaticUpdates="false" OnUpdateCommand="rgUsuarios_UpdatedCommand"<

br

>                        OnInsertCommand="rgUsuarios_InsertedCommand" OnNeedDataSource="rgUsuarios_NeedDataSource"<

br

>                        OnItemDataBound="rgUsuarios_ItemDataBound" onitemcommand="rgUsuarios_ItemCommand"><

br> <mastertableview nomasterrecordstext="No hay resultados para esta busqueda." commanditemdisplay="TopAndBottom"

<br>                            autogeneratecolumns="False" allowsorting="True" editmode="PopUp" width="1020px"><

br> <AlternatingItemStyle BackColor="#E0E0E0" /> <PagerStyle FirstPageToolTip="Primera Página" LastPageToolTip="Ultima Página" NextPageToolTip="Página Siguiente"<br

>                                PagerTextFormat="Change page: {4} &amp;nbsp;Página &lt;strong&gt;{0}&lt;/strong&gt; de &lt;strong&gt;{1}&lt;/strong&gt;, items &lt;strong&gt;{2}&lt;/strong&gt; a &lt;strong&gt;{3}&lt;/strong&gt; de &lt;strong&gt;{5}&lt;/strong&gt;." <

br

>                                PageSizeLabelText="Tamaño página:" PrevPageToolTip="Página Anterior"<

br> /> <CommandItemSettings

<br>                                ShowExportToWordButton="true" ShowExportToExcelButton="true"<

br

>                                ShowExportToCsvButton="true" ShowExportToPdfButton="true"<

br> ShowAddNewRecordButton="true"<br

>                                AddNewRecordText="Nuevo usuario" ExportToCsvText="Exportar a CSV"<

br

>                                ExportToExcelText="Exportar a Excel" ExportToPdfText="Exportar a PDF"<

br

>                                ExportToWordText="Exportar a Word" RefreshText="Refrescar"<

br> /> <Columns> <telerik:GridBoundColumn DataField="IdUsuario" HeaderText="idUsuario" HeaderStyle-HorizontalAlign="Center" Visible="false" /> <telerik:GridBoundColumn DataField="Compania" HeaderText="COMPAÑÍA" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" HeaderStyle-Width="100px" /> <telerik:GridBoundColumn DataField="Login" HeaderText="LOGIN" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" HeaderStyle-Width="150px" /> <telerik:GridBoundColumn DataField="numIdUsuario" HeaderText="IDENTIFICACION" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" HeaderStyle-Width="150px" /> <telerik:GridBoundColumn DataField="Nombre" HeaderText="NOMBRES" UniqueName="txtNombres" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" HeaderStyle-Width="160px" /> <telerik:GridBoundColumn DataField="Apellidos" HeaderText="APELLIDOS" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" HeaderStyle-Width="160px" /> <telerik:GridBoundColumn DataField="Email" HeaderText="EMAIL" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" HeaderStyle-Width="150px" /> <telerik:GridBoundColumn DataField="Activo" HeaderText="ACTIVO" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" HeaderStyle-Width="50px" ItemStyle-HorizontalAlign="Center" /> <telerik:GridEditCommandColumn EditText="Modificar" HeaderText="OPCIONES" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" UpdateText="Update" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="100px" /> </Columns> <EditFormSettings InsertCaption="Información Usuario" EditFormType="Template" PopUpSettings-Modal="true" > <EditColumn UniqueName="EditCommandColumn1" /> <FormTemplate> <table id="tabla1" width="320px" cellspacing="1" cellpadding="1" border="0"> <tr> <td style="width:120px;height:20px;"></td> <td style="width:200px;height:20px;"><asp:TextBox ID="txtIdUsuario" Text='<%# Bind("IdUsuario") %>' runat="server" Visible="false" /></td> </tr> <tr> <td>No. Identificación<img src="../imagenes/dot.gif" alt="Requerido" /></td> <td> <asp:TextBox ID="txtNumIdentificacion" Text='<%# Bind("numIdUsuario") %>' runat="server" Width="200px" /> <asp:RequiredFieldValidator ID="rfvTxtNumIdentificacion" ControlToValidate="txtNumIdentificacion" runat="server" Display="Dynamic" ErrorMessage="*Campo requerido" /> </td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Nombres<img src="../imagenes/dot.gif" alt="Requerido" /></td> <td> <asp:TextBox ID="txtNombres" Text='<%# Bind("Nombre") %>' runat="server" Width="200px" /> <asp:RequiredFieldValidator ID="rfvTxtNombres" ControlToValidate="txtNombres" runat="server" Display="Dynamic" ErrorMessage="*Campo requerido" /> </td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Apellidos<img src="../imagenes/dot.gif" alt="Requerido" /></td> <td> <asp:TextBox ID="txtApellidos" Text='<%# Bind("Apellidos") %>' runat="server" Width="200px" /> <asp:RequiredFieldValidator ID="rfvTxtApellidos" ControlToValidate="txtApellidos" runat="server" Display="Dynamic" ErrorMessage="*Campo requerido" /> </td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Cargo</td> <td><asp:TextBox ID="txtCargo" Text='<%# Bind("Cargo") %>' runat="server" Width="200px" /></td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Teléfono</td> <td><asp:TextBox ID="txtTelefono" Text='<%# Bind("Telefono1") %>' runat="server" Width="200px" /></td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Email<img src="../imagenes/dot.gif" alt="Requerido" /></td> <td> <asp:TextBox ID="txtEmail" Text='<%# Bind("Email") %>' runat="server" Width="200px" /> <asp:RequiredFieldValidator ID="rfvTxtEmail" ControlToValidate="txtEmail" runat="server" Display="Dynamic" ErrorMessage="*Campo requerido" /> <asp:RegularExpressionValidator

<br>                                                    id="emailValidator" runat="server"<

br

>                                                    Display="Dynamic" ErrorMessage="<

p>Ingrese un e-mail valido."<br

>                                                    ValidationExpression="^[\w\.\-]+@[a-zA-Z0-9\-]+(\.[a-zA-Z0-9\-]{1,})*(\.[a-zA-Z]{2,3}){1,2}$"<

br

>                                                    ControlToValidate="txtEmail"><

br> </asp:RegularExpressionValidator> </td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Compañía<img src="../imagenes/dot.gif" alt="Requerido" /></td> <td><telerik:RadComboBox ID="rcbCompanias" runat="server" Width="204px" /></td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Perfil<img src="../imagenes/dot.gif" alt="Requerido" /></td> <td><telerik:RadComboBox ID="rcbPerfiles" runat="server" Width="204px" /></td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Login<img src="../imagenes/dot.gif" alt="Requerido" /></td> <td> <asp:TextBox ID="txtLogin" Text='<%# Bind("Login") %>' runat="server" Width="200px" /> <asp:RequiredFieldValidator ID="rfvTxtLogin" ControlToValidate="txtLogin" runat="server" Display="Dynamic" ErrorMessage="*Campo requerido" /> </td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Password<img src="../imagenes/dot.gif" alt="Requerido" /></td> <td> <asp:TextBox ID="txtPassword" Text='<%# Bind("Password") %>' runat="server" Width="200px" /> <asp:RequiredFieldValidator ID="rfvTxtPassword" ControlToValidate="txtPassword" runat="server" Display="Dynamic" ErrorMessage="*Campo requerido" /> </td> </tr> <tr><td colspan="2" style="height:5px;"></td></tr> <tr> <td>Activo<img src="../imagenes/dot.gif" alt="Requerido" /></td> <td> <telerik:RadComboBox ID="rcbActivo" runat="server" Width="204px" SelectedValue='<%#Bind("Activo")%>' > <Items> <telerik:RadComboBoxItem Text="Si" Value="Si" runat="server" /> <telerik:RadComboBoxItem Text="No" Value="No" runat="server" /> </Items> </telerik:RadComboBox> </td> </tr> <tr><td colspan="2" style="height:10px;"></td></tr> <tr> <td colspan="2"><br

>                                                La informaci&oacute;n en los campos marcados (<

img src="../imagenes/dot.gif" alt="Requerido" />) es obligatoria </td> </tr> <tr><td colspan="2" style="height:15px;"></td></tr> <tr> <td align="center" colspan="2"> <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? " Grabar " : " Actualizar " %>'<br

>                                                    runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' /><

br>    <asp:Button ID="btnCancelar" Text=" Cancelar " runat="server" CausesValidation="False" CommandName="Cancel" /> </td> </tr> <tr><td colspan="2" style="height:20px;"></td></tr> </table> <telerik:RadBinaryImage ID="Thumbnail" runat="server" /> <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" OnFileUploaded="AsyncUpload1_FileUploaded" OnClientFileUploaded="fileUploaded" MaxFileInputsCount="1" > </telerik:RadAsyncUpload> <asp:HiddenField ID="HiddenField1" runat="server" Value='<%# Bind("IdPerfil") %>' /> </FormTemplate> </EditFormSettings> </mastertableview> </telerik:RadGrid> </td> </tr> </table> </div> </asp:Content>

Code Behind

protected void AsyncUpload1_FileUploaded(object sender, FileUploadedEventArgs e) { Thumbnail.Width = Unit.Pixel(200); Thumbnail.Height = Unit.Pixel(150); byte[] imageData = new byte[e.File.InputStream.Length]; using (Stream stream = e.File.InputStream){ stream.Read(imageData, 0, (int)e.File.InputStream.Length);}Thumbnail.DataValue = imageData; }

1 Answer, 1 is accepted

answered on 11 Aug 2010, 08:53 AM

example.rar

Hello Jhon,

I tried to reproduce the described issue, but to no avail. I am sending you a simple example which demonstrates the desired functionality. Please check it out and let me know if it helps you.
Also, please note that the FileUploaded event handler will be fired after page's postback.

I hope this helps.

Kind regards,
Radoslav
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items