Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Apr 2008
    Posts
    51
    Vote Rating
    0
    Michou is on a distinguished road

      0  

    Default [PR4] setFloating not implemented ?

    [PR4] setFloating not implemented ?


    Hi,

    I have the following message :
    Code:
    Uncaught TypeError: Object [object Object] has no method 'setFloating'
    with this test case :
    Code:
    //*************************************************************************************************
    //model/main
    
      Ext.define('mtApp.model.menuModel', {
            extend: 'Ext.data.Model',
            
            config: {
                fields: [
                    {name: 'text' , type: 'string'}
                ]
            }
      });
    
    //*************************************************************************************************
    //store/main
        
      menu_structure = {}
      menu_structure.data = [
        { text: 'this', leaf: true },
        { text: 'is'  , leaf: true },
        { text: 'a'   , leaf: true },
        { text: 'test', leaf: true }
      ];
      
      Ext.define('mtApp.store.menuStore', {
            extend  : 'Ext.data.TreeStore',
            config: {
                model   : 'mtApp.model.menuModel',
                requires: ['mtApp.model.menuModel'],
    
                root    : { items: menu_structure.data },
                defaultRootProperty: 'items'
            }
      });
      
    //*************************************************************************************************
    //view/main
      
      Ext.define('mtApp.view.Main', {
            extend  : 'Ext.Container',
            xtype   : 'mainview',
            requires: ['Ext.dataview.NestedList','Ext.TitleBar'],
            config  : {
                fullscreen: true,
                layout    : 'fit',
                items     : [{
                    id          : 'mainNestedList',
                    xtype       : 'nestedlist',
                    docked      : 'left',
                    width       : 180,
                    displayField: 'text',
                    store       : 'menuStore'
                },{
                    id          : 'mainToolBar',
                    xtype       : 'titlebar',
                    docked      : 'top',
                    title       : 'TEST',
                    items       : [{
                        id      : 'menuButton',
                        xtype   : 'button',
                        iconCls : 'list',
                        iconMask: true,
                        hidden  : true
                    }]
                },{
                    id          : 'mainPage',
                    html        : 'test'
                }]
            }
      });
    
    //*************************************************************************************************
    //controller/main
      
      Ext.define('mtApp.controller.Main', {
        extend: 'Ext.app.Controller',
        
        config: {
            refs   : {
                main: {
                    selector  : 'mainview',
                    xtype     : 'mainview',
                    autoCreate: true
                },
                mainMenuList: '#mainNestedList',
                mainToolBar : '#mainToolBar',
                menuButton  : '#menuButton',
                mainPage    : '#mainPage'
            },
            control: {
                mainMenuList: { itemtap: 'onMenuTap' }
            }
        },
            
        init: function() {
            Ext.Viewport.on('orientationchange', 'handleOrientationChange', this, { buffer: 50 });
            this.handleOrientationChange;
        },
        
        onMenuTap: function(nlist, list, index, item, e, eOpts) {
            var record   = list.getStore().getAt(index),
                menuItem = record.get('text');
            this.getMainPage().setHtml(menuItem);
         },
         
        handleOrientationChange: function (t, o, w, h) {
            // o,w,h aren't what they are supposed to be so get orientation like this :
            var orientation  = Ext.Viewport.getOrientation(),
                mainMenuList = this.getMainMenuList(),
                menuButton   = this.getMenuButton();
            if (orientation=='portrait') {
                menuButton.show();
    //            mainMenuList.hide();
    /* HERE */
                mainMenuList.setFloating(true);
            } else {
                mainMenuList.setDocked('left');
                mainMenuList.show();
                menuButton.hide();
            }
        }
            
      });
      
    //*************************************************************************************************
      Ext.application({
        
        name               : 'mtApp',
        
        models             : ['menuModel'],
        stores             : ['menuStore'],
        views              : ['Main'],
        controllers        : ['Main'],
        
        launch: function() {
            Ext.create('mtApp.view.Main');
        }
        
      });
    thx

  2. #2
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    19
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    Floating is not a config, it's a property. If you want your list to come out of the layout, you would need to set top/right/bottom/left with the appropriate parameters it knows where to be placed on the screen. Another option would be to to set centered to true, and would need height/width.

    Sencha Inc

    Jamie Avins

    @jamieavins

Thread Participants: 1

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