Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Ray
90
WebUpload control produces Undefined JQuery error
posted

Hey there

I'm trying to put a WebUpload control on my aspx page however I've run into a brick wall. I keep getting this error when I access the page on which the control is on.

With Firebug...

I've been scouring the net for a solution but come up with nothing. I'm aware that usually when this happens the jscript/css file haven't been loaded but I have them there and referenced. 

I've tried inserting them in manually and using the WebUpload Task panel to add the files. Both of which were unsuccessful. 

Could I please get some assistance on this?  

Below is my code using the WebUpload Task panel to add the files.

 

<%@ Page Language="VB" AutoEventWireup="false" Inherits="FMI.WSMplannet.Web.System_AddDocument" Codebehind="AddDocument.aspx.vb" %>

 

<%@ Register Assembly="Infragistics35.Web.jQuery.v11.1, Version=11.1.20111.2064, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

    Namespace="Infragistics.Web.UI.EditorControls" TagPrefix="ig" %>

 

<%@ Register assembly="System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" namespace="System.Web.UI" tagprefix="cc1" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <link rel="stylesheet" type="text/css" href="../css/WSMplannet.css" />

    <link rel="stylesheet" type="text/css" href="../css/Custom.css" />

    <title>Add Standard Document</title>

    <style type="text/css">

        .style1

        {

            width: 100%;

        }

    </style>

    <script src="../ig_ui/js/min/ig.ui.upload.min.js" type="text/javascript" id="igClientScript"></script>

</head>

<body>

    <link id="link1" href="../ig_ui/themes/ig/jquery.ui.custom.min.css" 

        rel="Stylesheet" type="text/css" />

    <link id="link2" href="../ig_ui/themes/base/ig.ui.min.css" rel="Stylesheet" 

        type="text/css" />

    <form id="form1" runat="server">

    <div>

        <asp:Literal ID="litMessage" runat="server"></asp:Literal><br />

        <table style="width: 660px">

            <tr>

                <td class="bglabel" style="width: 100px">

                    <br />

                    <asp:Label ID="Label1" runat="server" Text="1. Select document to add..." Width="227px"></asp:Label></td>

            </tr>

            <tr>

                <td style="width: 100px">

                    <asp:Label ID="Label3" runat="server" BackColor="White" Font-Bold="False" ForeColor="Black"

                        Text="Note: Maximum file size = 4MB." Width="374px"></asp:Label><br />

                    <asp:Label ID="Label4" runat="server" BackColor="White" Font-Bold="False" ForeColor="Black"

                        Text="Warning: Depending on your connection speed, large files may take a long time to upload or even time out."

                        Width="642px"></asp:Label></td>

            </tr>

            <tr>

                <td style="width: 100px">

                    <asp:FileUpload ID="file" runat="server" Height="19px" Width="615px" />

                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="file"

                        ErrorMessage="Please select file to upload" ValidationGroup="valGroup">*</asp:RequiredFieldValidator><br />

                </td>

            </tr>

            <tr>

            <td>

                <ig:webupload runat="server"></ig:webupload>

            </td>

            </tr>

            <tr>

                <td class="bglabel" style="width: 100px">

                    <br />

                    <asp:Label ID="Label2" runat="server" Text="2. Enter description..." Width="205px"></asp:Label></td>

            </tr>

            <tr>

                <td style="width: 100px">

                    <asp:TextBox ID="txtDescription" runat="server" Width="334px"></asp:TextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtDescription"

                        ErrorMessage="Please enter description of document" ValidationGroup="valGroup">*</asp:RequiredFieldValidator></td>

            </tr>

            <tr>

                <td style="width: 100px; height: 62px;">

                    <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="valGroup"

                        Width="338px" />

                    <br />

                    <table >

                        <tr>

                            <td>

                    <asp:Button ID="btnSave" runat="server" Text="Save" ValidationGroup="valGroup" Width="65px" />

                            </td>

                            <td>

                    <asp:Button ID="btnCancel" runat="server" Text="Cancel" 

                                    Width="65px" />

                            </td>

                        </tr>

                    </table>

                </td>

            </tr>

        </table>

 

    </div>

    </form>

</body>

</html>

 

Parents
  • 7499
    posted

    Hello Raylodge,

     

    Thank you for the details provided. I don’t see the below JavaScript files referencing anywhere in the code you have provided. You need to have these files referenced in your project in order for Webupload control to work properly. Please include them and see if that resolves the issue

     

    jquery-1.4.4.min.js

    jquery-ui.min.js

    ig.ui.min.js

    Please let me know if I can provide any further assistance regarding this matter.

     

    Sincerely,

    Prabha.

Reply Children