Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jan 2011
    Location
    Lincoln RI
    Posts
    97
    Vote Rating
    0
    webarnie is on a distinguished road

      0  

    Default [CLOSED] adding a ListView to a panel causes page to display incorrectly

    [CLOSED] adding a ListView to a panel causes page to display incorrectly


    Using Ext Designer, build xds-1.0.3.2 and adding a ListView to a panel causes page to display incorrectly. The following error is produced. Adding a ListView to a window causes the same problem.

    The following error occurs ext-all-debug.js line 11308

    Uncaught TypeError: Cannot call method 'on' of undefined

    Is there a work around to this problem or a code fix?

    I attached the project file to this thread. Thank you for your help
    Attached Files

  2. #2
    Sencha - Desktop Packager Dev Team jarrednicholls's Avatar
    Join Date
    Mar 2007
    Location
    Frederick, MD
    Posts
    1,747
    Vote Rating
    7
    jarrednicholls will become famous soon enough jarrednicholls will become famous soon enough

      0  

    Default


    Hi webarnie,

    That error indicates an undefined/invalid reference being used. Did you check the stack trace in Firebug or Web Inspector to see where in your code this error is stemming?

  3. #3
    Sencha User
    Join Date
    Jan 2011
    Location
    Lincoln RI
    Posts
    97
    Vote Rating
    0
    webarnie is on a distinguished road

      0  

    Default


    I'm using chrome set a break point on the line that is causing the problem, 11308 in ext-all-debug. Checking the call stack back to my code or rather the code the ext designer generated is
    Code:
    BillingOptionApplicationUi.superclass.initComponent.call(this);
    here is the full code
    Code:
    /*
     * File: BillingOptionApplication.ui.js
     * Date: Thu Jan 27 2011 14:53:32 GMT-0500 (Eastern Standard Time)
     * 
     * This file was generated by Ext Designer version xds-1.0.3.2.
     * http://www.extjs.com/products/designer/
     *
     * This file will be auto-generated each and everytime you export.
     *
     * Do NOT hand edit this file.
     */
    
    BillingOptionApplicationUi = Ext.extend(Ext.Viewport, {
        layout: 'border',
        initComponent: function() {
            this.items = [
                {
                    xtype: 'window',
                    title: 'Billing Options',
                    width: 100,
                    height: 400,
                    region: 'center',
                    hidden: false,
                    draggable: false,
                    resizable: false,
                    initHidden: false,
                    closable: false,
                    maskDisabled: false,
                    autoHeight: true
                },
                {
                    xtype: 'window',
                    title: 'Menu',
                    width: 150,
                    height: 250,
                    region: 'west',
                    tpl: '',
                    animCollapse: false,
                    collapseFirst: false,
                    draggable: false,
                    hidden: false,
                    initHidden: false,
                    resizable: false,
                    closable: false,
                    layout: 'table',
                    floatable: false,
                    autoHide: false,
                    animFloat: false,
                    layoutConfig: {
                        columns: 1
                    },
                    items: [
                        {
                            xtype: 'label',
                            text: 'Payments',
                            width: 150
                        },
                        {
                            xtype: 'button',
                            text: 'Apply Return Premium',
                            width: 150,
                            scale: 'medium',
                            id: 'applyReturnPremium'
                        },
                        {
                            xtype: 'button',
                            text: 'One Time Payment',
                            width: 150,
                            scale: 'medium',
                            id: 'oneTimePayment'
                        },
                        {
                            xtype: 'button',
                            text: 'Payroll Deductions',
                            width: 150,
                            scale: 'medium',
                            id: 'payrollDeductions'
                        },
                        {
                            xtype: 'button',
                            text: 'Premiun Remittance',
                            width: 150,
                            scale: 'medium',
                            id: 'premiunRemittance'
                        },
                        {
                            xtype: 'spacer',
                            width: 150,
                            height: 30
                        },
                        {
                            xtype: 'label',
                            text: 'Billing',
                            width: 150
                        },
                        {
                            xtype: 'button',
                            text: 'Enroll APP',
                            width: 150,
                            scale: 'medium',
                            id: 'enrollAPP'
                        },
                        {
                            xtype: 'button',
                            text: 'Update APP',
                            scale: 'medium',
                            width: 150,
                            id: 'updateAPP'
                        },
                        {
                            xtype: 'button',
                            text: 'Messages',
                            width: 150,
                            scale: 'medium',
                            id: 'messages'
                        },
                        {
                            xtype: 'button',
                            text: 'Change Bill Due Date',
                            width: 150,
                            scale: 'medium',
                            id: 'changeBillDueDate'
                        },
                        {
                            xtype: 'button',
                            text: 'Send Bill To',
                            width: 150,
                            scale: 'medium',
                            id: 'sendBillTo'
                        },
                        {
                            xtype: 'button',
                            text: 'Email',
                            width: 150,
                            scale: 'medium',
                            id: 'email'
                        },
                        {
                            xtype: 'button',
                            text: 'Cancel Delinquent Notices',
                            width: 150,
                            scale: 'medium',
                            id: 'cancelDelinquentNotices'
                        },
                        {
                            xtype: 'spacer',
                            width: 150,
                            height: 30
                        },
                        {
                            xtype: 'label',
                            text: 'Transaction',
                            width: 150
                        },
                        {
                            xtype: 'button',
                            text: 'History',
                            width: 150,
                            scale: 'medium',
                            id: 'history'
                        },
                        {
                            xtype: 'spacer',
                            width: 150,
                            height: 30
                        },
                        {
                            xtype: 'label',
                            text: 'Payroll/Pension',
                            width: 150
                        },
                        {
                            xtype: 'button',
                            text: 'Deduction',
                            width: 150,
                            scale: 'medium',
                            id: 'deduction'
                        },
                        {
                            xtype: 'tbfill'
                        }
                    ]
                },
                {
                    xtype: 'window',
                    title: '',
                    width: 100,
                    height: 150,
                    region: 'north',
                    animCollapse: false,
                    collapseFirst: false,
                    maskDisabled: false,
                    closable: false,
                    draggable: false,
                    expandOnShow: false,
                    hidden: false,
                    initHidden: false,
                    resizable: false,
                    id: '',
                    items: [
                        {
                            xtype: 'panel',
                            title: 'Account Information'
                        },
                        {
                            xtype: 'listview',
                            columnResize: false,
                            columns: [
                                {
                                    xtype: 'lvcolumn',
                                    header: 'Column',
                                    width: 0.25
                                },
                                {
                                    xtype: 'lvcolumn',
                                    header: 'Column'
                                },
                                {
                                    xtype: 'lvcolumn',
                                    header: 'Column'
                                }
                            ]
                        }
                    ]
                }
            ];
            BillingOptionApplicationUi.superclass.initComponent.call(this);
        }
    });
    The project was attached on the first post.

  4. #4
    Sencha - Desktop Packager Dev Team jarrednicholls's Avatar
    Join Date
    Mar 2007
    Location
    Frederick, MD
    Posts
    1,747
    Vote Rating
    7
    jarrednicholls will become famous soon enough jarrednicholls will become famous soon enough

      0  

    Default


    You must supply a store to your ListView. Any store-based component will not operate correctly without a store. That is why you are warned about a missing store when you export your project.

Similar Threads

  1. How to display web page in Ext.Panel
    By directx0000 in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 17 May 2012, 10:31 PM
  2. Replies: 8
    Last Post: 14 Nov 2011, 8:00 AM
  3. [CLOSED][3.0.0] ListView, Panel and autoHeight
    By senacle in forum Ext 3.x: Bugs
    Replies: 5
    Last Post: 3 May 2010, 12:01 AM
  4. RE: Reload this Page Using mock object with ListView to display images
    By Arno.Nyhm in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 10 Sep 2009, 8:46 AM
  5. Adding a Panel to a page
    By kumarshah in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 18 Jul 2009, 8:36 PM

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi