1. #1
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    15
    Vote Rating
    0
    pbernardini is on a distinguished road

      0  

    Default inline list and sencha touch 2.1

    Why this code that use to work in version 2.0 doesn't work with 2.1?

    Code:
    <!DOCTYPE html>
    <htmllang="en">
    <head>
        <metacharset="UTF-8"/>
        <linkhref="http://extjs.cachefly.net/touch/sencha-touch-2.0.0/resources/css/sencha-touch.css"rel="stylesheet"type="text/css"/>
        <title>Creating an inline Ext.List component in Sencha Touch 2</title>
        <!-- http://senchaexamples.com/2012/03/15/creating-an-inline-list-using-an-ext-list-control-in-sencha-touch-2/ -->
    </head>
    <body>
        
        <scriptsrc="http://extjs.cachefly.net/touch/sencha-touch-2.0.0/sencha-touch-all.js"type="text/javascript"></script>
        <scripttype="text/javascript">
            Ext.application({
                launch:function(){
                    Ext.create('Ext.List',{
                        fullscreen:true,
                        inline:true,
                        items:[{
                            xtype:'toolbar',
                            docked:'top',
                            items:[{
                                text:'inline = true',
                                handler:function(){
                                    this.up('list').setInline(true);
                                }// handler
                            },{
                                text:'inline = false',
                                handler:function(){
                                    this.up('list').setInline(false);
                                }// handler
                            },{
                                text:'inline = {wrap: false}',
                                handler:function(){
                                    this.up('list').setInline({wrap:false});
                                }// handler
                            }]// items (toolbar)
                        }],// items (list)
                        store:{
                            fields:['name','league','division'],
                            sorters:'name',
                            data:[{
                                name:'New York Yankees',
                                league:'AL',
                                division:'East'
                            },{
                                name:'Tampa Bay',
                                league:'AL',
                                division:'East'
                            },{
                                name:'Boston',
                                league:'AL',
                                division:'East'
                            },{
                                name:'Toronto',
                                league:'AL',
                                division:'East'
                            },{
                                name:'Baltimore',
                                league:'AL',
                                division:'East'
                            },{
                                name:'Detroit',
                                league:'AL',
                                division:'Central'
                            },{
                                name:'Cleveland',
                                league:'AL',
                                division:'Central'
                            },{
                                name:'Chicago White Sox',
                                league:'AL',
                                division:'Central'
                            },{
                                name:'Kansas City',
                                league:'AL',
                                division:'Central'
                            },{
                                name:'Minnesota',
                                league:'AL',
                                division:'Central'
                            },{
                                name:'Texas',
                                league:'AL',
                                division:'West'
                            },{
                                name:'Los Angeles Angels',
                                league:'AL',
                                division:'West'
                            },{
                                name:'Oakland',
                                league:'AL',
                                division:'West'
                            },{
                                name:'Seattle',
                                league:'AL',
                                division:'West'
                            }]// data
                        },// store
                        itemTpl:'{name}'
                    });// create()
                }// launch
            });// application()
        </script>
        
    </body>
    </html>

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    38,534
    Vote Rating
    1115
    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

    The list in 2.1 changed quite a bit and for right now is not supported. We will be getting it back to working in a future release. You can use DataView to get around this for now.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Software Engineer
    ________________
    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
    Apr 2013
    Posts
    1
    Vote Rating
    0
    llucia is on a distinguished road

      0  

    Default Which component to use for automatically infinite data and inline layout in ST 2.0.2?

    But what if I need my list items inline whereas using Ext.plugin.ListPaging for infinite data??
    I would like to be able of rendering Ext.dataview.List inline exactly the same way we did with Sencha 2.0 (inline: true)

    Is there any easy way to have both behaviours with Sencha Touch 2.0.2?

Thread Participants: 2