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

RadAsyncUpload not visible in RadGridView

1 Answer 128 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
luke
Top achievements
Rank 1
luke asked on 11 Dec 2013, 08:48 PM
Hi,

I'm experiencing weird problem related to Telerik uploader. In Edit mode RadAsyncUpload is not visible...I've tried many way to make it working, and i've discover strange behaviour, when i've added new uploader below grid, both are visible. But when i set visiblity to false on additional Uploader - edit mode uploader is again not visible...

<telerik:RadGrid runat="server" ID="RadGrid1"
    AutoGenerateColumns="False" ShowStatusBar="True" GridLines="Both"
    OnItemCreated="RadGrid1_ItemCreated" PageSize="100" OnInsertCommand="RadGrid1_InsertCommand"
    OnNeedDataSource="RadGrid1_NeedDataSource" OnDeleteCommand="RadGrid1_DeleteCommand"
    OnUpdateCommand="RadGrid1_UpdateCommand" OnItemCommand="RadGrid1_ItemCommand" Skin="Glow" CellSpacing="1">
 
 
 
    <MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="ImageID">
 
 
 
        <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>
 
        <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column" Created="True"></ExpandCollapseColumn>
 
        <Columns>
 
            <telerik:GridEditCommandColumn ButtonType="LinkButton">
 
                <HeaderStyle Width="36px"></HeaderStyle>
 
            </telerik:GridEditCommandColumn>
 
            <telerik:GridTemplateColumn HeaderText="Image Name" UniqueName="ImageName" SortExpression="Name">
 
                <ItemTemplate>
 
                    <asp:Label runat="server" ID="lblName" Text='<%# Eval("ImageName") %>'></asp:Label>
 
                </ItemTemplate>
 
                <EditItemTemplate>
 
                    <telerik:RadTextBox runat="server" Width="250px" ID="txbName" Text='<%# Eval("ImageName") %>'>
                    </telerik:RadTextBox>
 
                    <asp:RequiredFieldValidator ID="Requiredfieldvalidator1" runat="server" ControlToValidate="txbName"
                        ErrorMessage="Please, enter a name!" Display="Dynamic" SetFocusOnError="true"></asp:RequiredFieldValidator>
 
                </EditItemTemplate>
 
                <HeaderStyle Width="30%"></HeaderStyle>
 
            </telerik:GridTemplateColumn>
 
            <telerik:GridTemplateColumn HeaderText="Description" UniqueName="Description" DataField="Description">
 
                <ItemTemplate>
 
                    <asp:Label ID="lblDescription" runat="server" Text='<%# TrimDescription(Eval("ImageDescription") as string) %>'></asp:Label>
 
                </ItemTemplate>
 
                <EditItemTemplate>
 
                    <telerik:RadTextBox ID="txbDescription" Width="300px" runat="server" TextMode="MultiLine"
                        Text='<%# Eval("ImageDescription") %>' Height="150px">
                    </telerik:RadTextBox>
 
                </EditItemTemplate>
 
                 
            </telerik:GridTemplateColumn>
 
            <telerik:GridTemplateColumn DataField="ImageData" HeaderText="Image file" UniqueName="Upload">
 
                <ItemTemplate>
                    <telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%#Eval("ImageData") %>'
                        AutoAdjustImageControlSize="false" Height="80px" Width="80px" ToolTip='<%#Eval("ImageName", "Photo of {0}") %>'
                        AlternateText='<%#Eval("ImageName", "Photo of {0}") %>'></telerik:RadBinaryImage>
                </ItemTemplate>
 
                <EditItemTemplate>                
                    <telerik:RadAsyncUpload runat="server" ID="AsyncUpload1" Visible="true" EnableFileInputSkinning="false" OnClientFileUploaded="OnClientFileUploaded" BorderColor="Blue" OnFileUploaded="AsyncUpload1_FileUploaded1"
                        AllowedFileExtensions="jpg,jpeg,png,gif" MaxFileSize="1048576" onvalidatingfile="RadAsyncUpload1_ValidatingFile" Skin="Glow">
                    </telerik:RadAsyncUpload>                   
                </EditItemTemplate>
 
            </telerik:GridTemplateColumn>
 
            <telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton">
 
               <%-- <HeaderStyle Width="36px"></HeaderStyle>--%>
 
            </telerik:GridButtonColumn>
 
        </Columns>
 
        <EditFormSettings>
 
            <EditColumn ButtonType="LinkButton">
            </EditColumn>
 
        </EditFormSettings>
 
 
    </MasterTableView>
 
 
 
</telerik:RadGrid>
<br />
  
    <telerik:RadAsyncUpload   runat="server"  BackColor="Transparent" Visible="False" ID="AsyncUpload2" 
        AllowedFileExtensions="jpg,jpeg,png,gif" >
    </telerik:RadAsyncUpload>
  
 
 </div>

1 Answer, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 16 Dec 2013, 11:31 AM
Hello Luke,

I have tried to replicate the described problematic behavior, but to no avail. Would you specify the version of our controls that you are using and under which browser, the problematic behavior is encountered? In addition, here is a video, demonstrating the behavior at my end. In addition, please make sure that there are no JavaScript errors on the page.

Regards,
Nencho
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
AsyncUpload
Asked by
luke
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Share this question
or