Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    88
    Vote Rating
    0
    Marc-QNX is on a distinguished road

      0  

    Default List height is 0px if a height is not specified (should stretch to fill)

    List height is 0px if a height is not specified (should stretch to fill)


    REQUIRED INFORMATION




    Ext version tested:
    • ST2 B2
    • ST2 B1
    Browser versions tested against:
    • Chrome
    • Firefox
    • Safari
    DOCTYPE tested against:
    • html
    Description:
    • If a list is added to a panel, its height is 0px
    Steps to reproduce the problem:
    • See code sample
    The result that was expected:
    • List should stretch to fill available space in the panel
    The result that occurs instead:
    • List height is 0px
    Test Case:
    ** Using MVC pattern / Zip file attached **
    Code:
    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>test</title>
        <link rel="stylesheet" href="../common/js/sencha-touch-2-b2/resources/css/sencha-touch.css" type="text/css" media="screen" title="no title" charset="utf-8">
        <script src="../common/js/sencha-touch-2-b2/sencha-touch-debug.js" type="text/javascript" charset="utf-8"></script>
        <script src="app.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
    </body>
    </html>

    Code:
    Ext.Loader.setConfig({ enabled: true });
    Ext.application({
        name: 'Test',
        views: ['Home'],
        launch: function() {
            Ext.Viewport.add([
                Ext.create('Test.view.Home')
            ]);
        }
    });

    Code:
    Ext.define('Test.view.Home', {
        extend: 'Ext.Panel',
        config: {
            items: [{
                xtype: 'list',
                itemTpl: '{name}',
                data: [{ name: 'name' }],
            }]
        },
    });

    HELPFUL INFORMATION


    Debugging already done:
    • Set list height manually using Chrome Web Inspector (list appears)
    Operating System:
    • OSX
    Attached Files

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,724
    Vote Rating
    752
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Your Test.view.Home needs to tell the list to have a height. Check out the red to see if that helps you:

    Code:
    Ext.define('Test.view.Home', {
        extend: 'Ext.Panel',
        config: {
            layout : 'fit',
            items: [{
                xtype: 'list',
                itemTpl: '{name}',
                data: [{ name: 'name' }],
            }]
        }
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Aug 2011
    Posts
    88
    Vote Rating
    0
    Marc-QNX is on a distinguished road

      0  

    Default


    That does work, thanks.

    (The irony being that I tried this with every layout except fit for some reason...)

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar