1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    68
    Vote Rating
    1
    slngr is on a distinguished road

      0  

    Default Navigation View dont support carousel in it?

    Navigation View dont support carousel in it?


    Hi folks,

    I want use the new Navigation View for an easy navigation structure in my app. Everything seems to work fine, but i can not realize a carousel on a Navigation View. Here is my code:

    HTML Code:
    Ext.define('App.view.Viewport2', {    extend: 'Ext.NavigationView',    xtype: 'headerscreen',            config: {        fullscreen: true,        defaults: {            //scrollable: true,            //styleHtmlContent: true        },                items: [            {                title: 'Home',                items: [                {                    id: 'header',                    height: 185,                    docked: 'top',                    xtype: 'container',                    html: '<h1>Just one more</h1><ul id="menu"><li id="latest">Latest</li><li><a href="#Main/aboutscreen" id="random">Random</a></li></ul>'                },                {                  html: 'Test'                  },                {                    xtype: 'home_carousel',                }                ],            },                 ]    },
        initialize: function() {        console.log('>> HEADER [created]');        this.callParent();    }});
    and here is my carousel:

    HTML Code:
    Ext.define('App.view.HomeCarousel', {    extend: 'Ext.Carousel',    xtype: 'home_carousel',    // Custom CSS class    id: 'test',            config: {        //fullscreen: true,        defaults: {            flex: 1,            //baseCls: 'test',            styleHtmlContent: true        },
            layout: {            type: 'vbox',            align: 'stretch'        },                items: [            {                html : 'Item 1',                style: 'background-color: #5E99CC'            },            {                html : 'Item 2',                style: 'background-color: #759E60'            },            {                html : 'Item 3'            }        ]    },
        initialize: function() {        console.log('>> HomeCarousel [created]');        this.callParent();    }});
    If I extend with Ext.container the whole thing work and I can see my carousel - with Ext.NavigationView it's not visibile. Any suggestions?

  2. #2
    Sencha User
    Join Date
    Dec 2011
    Posts
    68
    Vote Rating
    1
    slngr is on a distinguished road

      0  

    Default


    Sorry - everytime when i copy & paste my code it doesn't format properly, dont know why

  3. #3
    Sencha User
    Join Date
    Dec 2011
    Posts
    56
    Vote Rating
    1
    jwjiwon is on a distinguished road

      0  

    Default I think it is problem with navigation view

    I think it is problem with navigation view


    I didn't find the answer yet, but I write it down here just in case it might help.
    I guess it is something between the navigation view and the component with items.
    I tried to push the panel which has 'items' configures, which was perfect the other time,
    but now I found errors using it with navigation view at the same time.

  4. #4
    Sencha User
    Join Date
    Dec 2011
    Posts
    56
    Vote Rating
    1
    jwjiwon is on a distinguished road

      0  

    Default Oops..

    Oops..


    Sorry,
    I finds some mistakes and it has nothing to do with navigation view..

    I hope this article will help you
    http://www.sencha.com/forum/showthread.php?163090-Carousel-dont-show-up-in-Navigation-View



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