Hi ,
I am using CLR 2.0 of infragistics for asp.net controls
=> when i am using webupload control it's not visible in output reaming controls are visible
below code i used for this according to documentation
attachemnt:
web.config:
web.config
<appSettings> <add key="fileUploadPath" value="~/Uploads" /> <add key="maxFileSizeLimit" value="100000000" /></appSettings>for IIS6:<system.web> <httpHandlers> <add verb="GET" type="Infragistics.Web.UI.EditorControls.UploadStatusHandler" path="IGUploadStatusHandler.ashx" /> </httpHandlers> <httpModules> <add name="IGUploadModule" type="Infragistics.Web.UI.EditorControls.UploadModule" /> </httpModules></system.web>
<appSettings> <add key="fileUploadPath" value="~/Uploads" /> <add key="maxFileSizeLimit" value="100000000" /></appSettings>for IIS6:<system.web>
"fileUploadPath"
"fileUploadPath
"
"~/Uploads
"~/
"~
"maxFileSizeLimit"
"maxFileSizeLimit
"100000000"
<httpHandlers> <add verb="GET" type="Infragistics.Web.UI.EditorControls.UploadStatusHandler" path="IGUploadStatusHandler.ashx" /> </httpHandlers> <httpModules> <add name="IGUploadModule" type="Infragistics.Web.UI.EditorControls.UploadModule" /> </httpModules></system.web>
"GET"
"Infragistics.Web.UI.EditorControls.UploadStatusHandler"
"IGUploadStatusHandler.ashx"
"IGUploadModule"
"Infragistics.Web.UI.EditorControls.UploadModule"
for iis7: <system.webServer> <modules runAllManagedModulesForAllRequests="true"> <add name="IGUploadModule" type="Infragistics.Web.UI.EditorControls.UploadModule" preCondition="managedHandler" /> </modules> <handlers> <add name="IGUploadStatusHandler" path="IGUploadStatusHandler.ashx" verb="*" type="Infragistics.Web.UI.EditorControls.UploadStatusHandler" preCondition="integratedMode" /> </handlers></system.webServer>ASp.net:<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %><%@ Register assembly="Infragistics2.Web.jQuery.v11.1, Version=11.1.20111.1006, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.Web.UI.EditorControls" tagprefix="ig" %><%@ Register assembly="Infragistics2.WebUI.WebDataInput.v11.1, Version=11.1.20111.1006, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.WebDataInput" tagprefix="igtxt" %><!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"> <title>Untitled Page</title> <link type="text/css" href="/Styles/ig/jquery.ui.custom.css" rel="stylesheet" /><link type="text/css" href="/Styles/base/ig.ui.min.css" rel="stylesheet" /><script type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script><script type="text/javascript" src="/Scripts/jquery-ui.min.js"></script><script type="text/javascript" src="/Scripts/Samples/combined/min/ig.ui.min.js"></script></head><body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <ig:WebUpload ID="WebUpload1" runat="server" Mode="Single" AutoStartUpload="true" ProgressUrl="/WebUploadStatusHandler.ashx"> </ig:WebUpload> <br /> <igtxt:WebImageButton ID="WebImageButton1" runat="server" Text="Image button"> </igtxt:WebImageButton> </div> </form></body></html> =>after i find that that links what mentioned in documents are not exits in "ig_ui" directory(please view the attachment for your reference)=>So,according my style and script files i change the links as belowUpdated asp.net source code:<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %><%@ Register assembly="Infragistics2.Web.jQuery.v11.1, Version=11.1.20111.1006, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.Web.UI.EditorControls" tagprefix="ig" %><%@ Register assembly="Infragistics2.WebUI.WebDataInput.v11.1, Version=11.1.20111.1006, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.WebDataInput" tagprefix="igtxt" %><!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"> <title>Untitled Page</title> <link type="text/css" href="/themes/ig/jquery.ui.custom.css" rel="stylesheet" /><link type="text/css" href="/themes/base/ig.ui.min.css" rel="stylesheet" /><script type="text/javascript" src="/js/ig.ui.js"></script><script type="text/javascript" src="/js/ig.ui.upload.js"></script><script type="text/javascript" src="/js/min/ig.ui.min.js"></script> </head><body> <form id="form1" runat="server"> <div style="height: 290px"> <igtxt:WebImageButton ID="WebImageButton1" runat="server" Text="WebImageButton"> </igtxt:WebImageButton> <ig:WebUpload ID="WebUpload1" runat="server" AutoStartUpload="true" ProgressUrl="/WebUploadStatusHandler.ashx" > </ig:WebUpload> </div> </form></body></html> => but still webupload not visible in output=> please view the attachment for to know what all are the files are listed and give corresponding style and script links
<system.webServer> <modules runAllManagedModulesForAllRequests="true"> <add name="IGUploadModule" type="Infragistics.Web.UI.EditorControls.UploadModule" preCondition="managedHandler" /> </modules> <handlers> <add name="IGUploadStatusHandler" path="IGUploadStatusHandler.ashx" verb="*" type="Infragistics.Web.UI.EditorControls.UploadStatusHandler" preCondition="integratedMode" /> </handlers></system.webServer>ASp.net:<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %><%@ Register assembly="Infragistics2.Web.jQuery.v11.1, Version=11.1.20111.1006, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.Web.UI.EditorControls" tagprefix="ig" %><%@ Register assembly="Infragistics2.WebUI.WebDataInput.v11.1, Version=11.1.20111.1006, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.WebDataInput" tagprefix="igtxt" %><!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"> <title>Untitled Page</title> <link type="text/css" href="/Styles/ig/jquery.ui.custom.css" rel="stylesheet" /><link type="text/css" href="/Styles/base/ig.ui.min.css" rel="stylesheet" /><script type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script><script type="text/javascript" src="/Scripts/jquery-ui.min.js"></script><script type="text/javascript" src="/Scripts/Samples/combined/min/ig.ui.min.js"></script></head><body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <ig:WebUpload ID="WebUpload1" runat="server" Mode="Single" AutoStartUpload="true" ProgressUrl="/WebUploadStatusHandler.ashx"> </ig:WebUpload> <br /> <igtxt:WebImageButton ID="WebImageButton1" runat="server" Text="Image button"> </igtxt:WebImageButton> </div> </form></body></html> =>after i find that that links what mentioned in documents are not exits in "ig_ui" directory(please view the attachment for your reference)=>So,according my style and script files i change the links as belowUpdated asp.net source code:<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %><%@ Register assembly="Infragistics2.Web.jQuery.v11.1, Version=11.1.20111.1006, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.Web.UI.EditorControls" tagprefix="ig" %><%@ Register assembly="Infragistics2.WebUI.WebDataInput.v11.1, Version=11.1.20111.1006, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.WebDataInput" tagprefix="igtxt" %><!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"> <title>Untitled Page</title> <link type="text/css" href="/themes/ig/jquery.ui.custom.css" rel="stylesheet" /><link type="text/css" href="/themes/base/ig.ui.min.css" rel="stylesheet" /><script type="text/javascript" src="/js/ig.ui.js"></script><script type="text/javascript" src="/js/ig.ui.upload.js"></script><script type="text/javascript" src="/js/min/ig.ui.min.js"></script> </head><body> <form id="form1" runat="server"> <div style="height: 290px"> <igtxt:WebImageButton ID="WebImageButton1" runat="server" Text="WebImageButton"> </igtxt:WebImageButton> <ig:WebUpload ID="WebUpload1" runat="server" AutoStartUpload="true" ProgressUrl="/WebUploadStatusHandler.ashx" > </ig:WebUpload> </div> </form></body></html> => but still webupload not visible in output=> please view the attachment for to know what all are the files are listed and give corresponding style and script links
"true"
"managedHandler"
"IGUploadStatusHandler"
"*"
"integratedMode"
Hi chittaranjan,
I'm a little confused. Do you have both the jquery javascript referenced and Infragistics javascript? You have two setups. Each has one set, but both are required. Could you double check that and see if the WebUpload appears?
regards,David Young
Ref:1):Sample application:
Hi David,
=>Present version i am using is " Netadvantage 11.1 asp.net CLR 2.0
=>I am sending a sample application which is developed under guideline of Documentation of infragistics. please go through above link
=> at design time i saw only "j script" files in "ig_ui" folder.
and when i did script debugging in dynamic webpage i am getting alert like:
Microsoft JScript runtime error: The Infragistics WebUpload requires jQuery to be loaded.
=>and dynamic page is end up it's code with above alert.
below i mentioned the dynamic code:
<!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><title> Untitled Page</title><link type="text/css" href="/Styles/ig/jquery.ui.custom.css" rel="stylesheet" /><link type="text/css" href="/Styles/base/ig.ui.min.css" rel="stylesheet" /><script type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script><script type="text/javascript" src="/Scripts/jquery-ui.min.js"></script><script type="text/javascript" src="/Scripts/Samples/combined/min/ig.ui.min.js"></script><script type="text/javascript" language="javascript">function error(e, args){var message= "ErrorCode" + ": " + args.errorCode + "<br />" + "ErrorMessage" + ": " + args.errorMessage + "<br />" + "ErrorType "+ ": " + args.errorType + "<br />" + "ServerMessage" + ": " + args.serverMessage ; alert(message);}</script></head><body> <form name="form1" method="post" action="Default.aspx" id="form1"><div><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE1ODUwMjU4MDEPZBYCAgMPZBYCAgEPFgMWAg8WAh4EdWYxNgUkZTNiZDYyM2EtYWIxZS00ZjA1LTgwOGQtZjQ1Y2ViNzBhZDZlZGRkZGRkLSMllEkFJ8L/Oo0fjz4GotvXmmY=" /></div> <div> <div id="WebUpload1"></div> </div> <script type="text/javascript">//<![CDATA[if (typeof (jQuery) === "undefined" ) {throw new Error("The Infragistics WebUpload requires jQuery to be loaded.");}if (typeof (jQuery.ui) === "undefined" ) {throw new Error("The Infragistics WebUpload requires jQuery UI to be loaded.");}if (typeof (jQuery.ui.igUpload) === "undefined" ) {throw new Error("The Infragistics WebUpload requires its own script to be loaded.");}$(function(){$('#WebUpload1').igUpload({autostartupload : true,progressUrl : "/WebUploadStatusHandler.ashx", onError:error,controlId:'e3bd623a-ab1e-4f05-808d-f45ceb70ad6e'});});//]]></script></form></body></html><
=>I am waiting for your response
You got this error "Microsoft JScript runtime error: The Infragistics WebUpload requires jQuery to be loaded." This means that the jquery file is NOT loaded.
I downloaded your sample but as I see you use this:
<script type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script>
I could not find folder Scripts with this file. So my advice is to create such folder and to download these files from jquery site OR you can directly set
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.js"></script>
Here I have used 1.4.4 version for jquery and jquery-ui 1.8.7 version but you can use later versions if you prefer.
Thanks,
Miro Hristov