RadAsyncUpload not visible in RadGridView

2 posts, 0 answers
  1. luke
    luke avatar
    25 posts
    Member since:
    Apr 2010

    Posted 11 Dec 2013 Link to this post

    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>
  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 16 Dec 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top