Uncaught TypeError: Cannot read property 'set' of null

  1. #1

    MultiUpload return Error 302

    Dear all,

    Sorry about that i have too many questions related to MultiUpload. Now, I would like to publish my program. However, when I changed VS2010 to release mode and start without debugging, I am unable to upload the file with error 302.

    The message will pop up like this:
    Click image for larger version. 

Name:	Capture.JPG 
Views:	26 
Size:	15.4 KB 
ID:	14171

    
    %@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <script runat="server">
       protected void MultiUpload1_FileUpload(object sender, FileUploadEventArgs e)
            {
                HttpFileCollection hfc = Request.Files;
                for (int i = 0; i < hfc.Count; i++)
                {
                    HttpPostedFile hpf = hfc[i];
                    if (hpf.ContentLength > 0)
                    {
                        string folderName = hpf.FileName.Split('_').ToArray().First();
                        string path = "~/Payslip/" + folderName;
                        if (!Directory.Exists(Server.MapPath(path)))
                        {
                            Directory.CreateDirectory(Server.MapPath(path));
                        }
                        path = path + "/";
                        hpf.SaveAs(Server.MapPath(path) + System.IO.Path.GetFileName(hpf.FileName));
                    }
                }
    
                X.Msg.Notify("File is uploaded", "Name: " + e.FileName).Show();
            }
    </script>
    <!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></title>
        <%--<meta http-equiv="refresh" content="0; url=http://example.com/" />--%>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript">
            var loadFailed = function () {
                alert("Something went wrong while loading SWFUpload. If this were a real application we'd clean up and then give you an alternative");
            };
    
            var statusIconRenderer = function (v, p, record, rowIndex) {
                var value = record.data.status;
                switch (value) {
                    default:
                        return value;
                    case 'Pending':
                        return '<img src="' + Ext.net.ResourceMgr.getIconUrl("Hourglass") + '" width=16 height=16>';
                    case 'Sending':
                        return '<div src="x-loading-indicator" width=16 height=16>';
                    case 'Error':
                        return '<img src="' + Ext.net.ResourceMgr.getIconUrl("Decline") + '" width=16 height=16>';
                    case 'Cancelled':
                    case 'Aborted':
                        return '<img src="' + Ext.net.ResourceMgr.getIconUrl("Decline") + '" width=16 height=16>';
                    case 'Uploaded':
                        return '<img src="' + Ext.net.ResourceMgr.getIconUrl("Tick") + '" width=16 height=16>';
                }
            };
    
            var updateRecord = function (id, field, value) {
                var rec = App.tblDetail.store.getById(id);
    
                rec.set(field, value);
                rec.commit();
            };
    
            var abortUpload = function (btn) {
                var selModel = btn.up('grid').getSelectionModel(),
                    records;
    
                if (!selModel.hasSelection()) {
                    Ext.Msg.alert('Error', 'Please select an upload to cancel');
                    return true;
                }
    
                records = selModel.getSelection();
                App.MultiUpload1.abortUpload(records[0].getId());
            };
    
            var removeUpload = function (btn) {
                var selModel = btn.up('grid').getSelectionModel(),
                    records;
    
                if (!selModel.hasSelection()) {
                    Ext.Msg.alert('Error', 'Please select an upload to remove');
                    return true;
                }
                records = selModel.getSelection();
                App.MultiUpload1.removeUpload(records[0].getId());
            };
    
            var fileSelected = function (item, file) {
                //Example of cancelling a file to be selection
                if (file.name == 'image.jpg') {
                    Ext.Msg.alert('Error', 'You cannot upload a file named "image.jpg"');
                    return false;
                }
    
                this.up('grid').store.add({
                    id: file.id,
                    name: file.name,
                    size: file.size,
                    status: 'Pending',
                    progress: 0
                });
            };
    
            var uploadError = function (item, file, errorCode, message) {
                updateRecord(file.id, 'progress', 0);
                updateRecord(file.id, 'status', 'Error');
                switch (errorCode) {
                    case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
                        alert("Error Code: HTTP Error, File name: " + file.name + ", Message: " + message);
                        break;
                    case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
                        alert("Error Code: Upload Failed, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
                        break;
                    case SWFUpload.UPLOAD_ERROR.IO_ERROR:
                        alert("Error Code: IO Error, File name: " + file.name + ", Message: " + message);
                        break;
                    case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
                        alert("Error Code: Security Error, File name: " + file.name + ", Message: " + message);
                        break;
                    case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
                        alert("Error Code: Upload Limit Exceeded, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
                        break;
                    case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
                        updateRecord(file.id, 'status', 'Cancelled');
                        break;
                    case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
                        updateRecord(file.id, 'status', 'Stopped');
                        break;
                    case SWFUpload.UPLOAD_ERROR.FILE_ABORTED:
                        updateRecord(file.id, 'status', 'Aborted');
                        break;
                    default:
                        updateRecord(file.name, 'status', "Unhandled Error: " + errorCode);
                        alert("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
                        break;
                }
            };
    
            var fileSelectionError = function (item, file, errorCode, message) {
                if (errorCode === SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED) {
                    alert("You have attempted to queue too many files.\n" + (message === 0 ? "You have reached the upload limit." : "You may select " + (message > 1 ? "up to " + message + " files." : "one file.")));
                    return;
                }
    
                switch (errorCode) {
                    case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
                        alert("Error Code: File too big, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
                        break;
                    case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
                        alert("Error Code: Zero byte file, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
                        break;
                    case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
                        alert("Error Code: Invalid File Type, File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
                        break;
                    default:
                        alert("Error Code: " + errorCode + ", File name: " + file.name + ", File size: " + file.size + ", Message: " + message);
                        break;
                }
            };
    
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <asp:SqlDataSource ID="sfmHeader" runat="server" OnLoad="sfmHeader_OnLoad"></asp:SqlDataSource>
        <ext:Hidden ID="Hidden1" runat="server" />
        <ext:Panel ID="MainPanel" runat="server" DeferredRender="false" Width="610" Height="675">
            <topbar>
                <ext:Toolbar ID="ToolBar1" runat="server" Layout="FitLayout">
                    <Items>
                       <ext:TextArea ID="txtFDesc" runat="server" Width="610" Height="50"/>
                    </Items>
                </ext:Toolbar>
            </topbar>
            <items>          
                <ext:GridPanel ID="tblDetail" runat="server" Width="610" Height="625" Frame="true">
                    <Store>
                        <ext:Store ID="stoUpload" runat="server">
                            <Model>
                                <ext:Model ID="UploadModel" runat="server" IDProperty="id">
                                    <Fields>
                                        <ext:ModelField Name="id" />
                                        <ext:ModelField Name="name" />
                                        <ext:ModelField Name="size" />
                                        <ext:ModelField Name="status" />
                                        <ext:ModelField Name="progress" />
                                    </Fields>
                                </ext:Model>
                            </Model>
                        </ext:Store>
                    </Store>
                    <ColumnModel runat="server">
                        <Columns>
                            <ext:Column ID="Column1" runat="server" DataIndex="name" Width="250" />
                            <ext:Column ID="Column2" runat="server" DataIndex="size" Width="100">
                                <Renderer Format="FileSize" />
                            </ext:Column>
                            <ext:Column ID="Column3" runat="server" Text="&nbsp;" DataIndex="Dummy" Width="30">
                                <Renderer Fn="statusIconRenderer" />
                            </ext:Column>
                            <ext:Column ID="Column4" runat="server" DataIndex="status" Width="80" />
                            <ext:ProgressBarColumn ID="ProgressBarColumn1" runat="server" DataIndex="progress" />
                        </Columns>
                    </ColumnModel>
                    <TopBar>
                        <ext:Toolbar ID="Toolbar2" runat="server">
                            <Items>
                                <ext:MultiUpload ID="MultiUpload1" runat="server" OnFileUpload="MultiUpload1_FileUpload"
                                    FileDropAnywhere="true" FileSizeLimit="15 MB" FileTypes="*.pdf" FileTypesDescription="All Files"
                                    FileUploadLimit="100" FileQueueLimit="0">
                                    <Listeners>
                                        <SwfUploadLoadFailed Fn="loadFailed" />
                                        <FileSelected Fn="fileSelected" />
                                        <UploadStart Handler="updateRecord(file.id, 'status', 'Sending');" />
                                        <UploadProgress Handler="updateRecord(file.id, 'progress', Math.round(bytesComplete / bytesTotal));" />
                                        <UploadSuccess Handler="updateRecord(file.id, 'progress', 1 );updateRecord(file.id, 'status', 'Uploaded' );" />
                                        <%--<UploadComplete Handler="updateRecord(file.id, 'progress', 1 );updateRecord(file.id, 'status', 'Uploaded' );" />--%>
                                        <UploadAborted Handler="updateRecord(file.id, 'status', 'Aborted');" />
                                        <UploadRemoved Handler="var store = this.up('grid').store; store.remove(store.getById(file.id));" />
                                        <UploadError Fn="uploadError" />
                                        <FileSelectionError Fn="fileSelectionError" />
                                    </Listeners>
                                    <Button>
                                        <ext:Button ID="cmdBrowse" runat="server" />
                                    </Button>
                                </ext:MultiUpload>
                                <ext:ToolbarSeparator />
                                <ext:Button ID="cmdStartUp" runat="server" Icon="Tick" Handler="#{MultiUpload1}.startUpload();" />
                                <ext:Button ID="cmdAbort" runat="server" Icon="Decline" Handler="abortUpload" />
                                <ext:Button ID="cmdAbortAll" runat="server" Icon="Decline" Handler="#{MultiUpload1}.abortAllUploads();" />
                                <ext:Button ID="cmdRemove" runat="server" Icon="Delete" Handler="removeUpload" />
                                <ext:Button ID="cmdRemoveAll" runat="server" Icon="Delete" Handler="#{MultiUpload1}.removeAllUploads();" />
                            </Items>
                        </ext:Toolbar>
                    </TopBar>
                </ext:GridPanel>
            </items>
        </ext:Panel>
        </form>
    </body>
    </html>
    P.S the original error is solved because I have put some wrong parameters to the method and thus thrown the error
    Last edited by cwtsang1012; Aug 12, 2014 at 3:21 AM.
  2. #2
    Please review the following thread
    http://forums.ext.net/showthread.php...x-Unauthorized
  3. #3
    Yes, it does not return 302 anymore. But now, it throws another error that is 500.

Similar Threads

  1. [CLOSED] Uncaught TypeError: Cannot read property 'items' of null
    By tobros in forum 2.x Legacy Premium Help
    Replies: 10
    Last Post: Nov 20, 2013, 11:45 AM
  2. Replies: 1
    Last Post: Nov 14, 2013, 9:44 PM
  3. Replies: 5
    Last Post: Oct 30, 2013, 1:29 PM
  4. Uncaught TypeError: Cannot read property 'items' of null
    By FlavioSilveira in forum 2.x Help
    Replies: 6
    Last Post: Sep 20, 2013, 7:37 PM
  5. Replies: 4
    Last Post: May 30, 2013, 1:36 PM

Posting Permissions