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

submit button in upload div

15 Answers 185 Views

Upload (Obsolete)

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

mww asked on 05 Nov 2008, 10:06 AM

Ive been following the example in the help files for placing the submit button in the upload div and put the following javascrip in the page, when I load the page I get this error

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.Web.HttpException: The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

    
            <script type="text/javascript">  
        
            function pageLoad()  
        
            {  
        
               var upload = $find("<%= RadUpload1.ClientID %>");     
        
               var uploaduploadDiv = upload.get_element();  
        
               var input = document.createElement("input");  
        
               input.type = "submit";  
        
               input.className = "ruButton";  
        
               input.value = "Submit";  
        
               inputinput.id = input.name = upload.getID("submit");  
        
               //the UL element of the upload  
        
               var ul = uploadDiv.getElementsByTagName("UL");  
        
               //the array of all LI elements of the UL element  
        
               var LIs = ul[0].getElementsByTagName("LI");  
        
               //Last LI item - the button area  
        
               var lastLi = LIs[LIs.length - 1];  
        
               lastLi.appendChild(input);     
        
            }  
        
            </script>

15 Answers, 1 is accepted

answered on 07 Nov 2008, 02:57 PM

Upload.zip

Hi mark wheeler,

I have created a sample page demonstrating how to achieve that. Please download it and give it a try.

I hope this helps.

Sincerely yours,
Veselin Vasilev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 12 May 2011, 06:07 PM

RadUploadTest.zip

Hello Jen,

I am attaching sample project demonstrating how to achieve that functionality when RadUpload is inside RadGrid. The project is attached to this replay.

All the best,
Genady Sergeev
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 24 May 2011, 05:16 PM

This will work, except I have one more "issue" that needs to be covered. The template has a multiview in it that switches on item databound, so the rad upload is not on every row. (See code below). I added code to check for 'undefined', but it isn't finding the rad upload on any row. How would I change the code to find it in a multiview on certain rows?

<telerik:GridTemplateColumn HeaderText="Product Description" UniqueName="Description">
                            <ItemTemplate>
                                <asp:MultiView ID="MultiViewType" runat="server">
                                    <asp:View ID="ViewTextBox" runat="server">
                                        <telerik:RadEditor ID="RadEditorDescription" runat="server" Content='<%# Eval("ProductSpecificationDescription") %>'
                                            ContentFilters="FixUlBoldItalic, MozEmStrong, ConvertFontToSpan, ConvertToXhtml, FixEnclosingP"
                                            EditModes="Design" ToolsFile="~/App_Data/LimitedTools.xml"
                                            Width="275px" Height="150px"
                                            ContentAreaCssFile="~/App_Themes/EditorContentAreaStyles.css"
                                            AllowScripts="False">
                                        </telerik:RadEditor>
                                    </asp:View>
                                    <asp:View ID="ViewLabel" runat="server">
                                        <asp:Label ID="LabelColors" runat="server" Text='<%#Eval("ProductSpecificationDescription") %>'></asp:Label>
                                    </asp:View>
                                    <asp:View ID="ViewFileUpload" runat="server">
                                        <asp:Label ID="LabelCurrentFile" runat="server"></asp:Label>
                                         <telerik:RadUpload ID="RadUploadFile" runat="server"
                                           OverwriteExistingFiles="true" InitialFileInputsCount="1"
                                           ControlObjectsVisibility="None" InputSize="40">
                                           <Localization Select="Browse" />
                                        </telerik:RadUpload>
                                        <asp:Button ID="ButtonUpload" runat="server" Text="Upload" CommandName="FileUpload" />
                                    </asp:View>
                                </asp:MultiView>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>

answered on 26 May 2011, 01:45 PM

RadUploadTestUpdated.zip

Hi Jen,

Please find attached the modified project. Hope it helps.

Best wishes,
Helen
the Telerik team

answered on 16 Jun 2011, 11:26 AM

FOO.zip

Hello Jen,

I've updated the sample with the desired functionality. You can find it as an attachment.

Regards,
Genady Sergeev
the Telerik team

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

submit button in upload div

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

15 Answers, 1 is accepted