Results 1 to 3 of 3

Thread: How to limit items in carousel page sencha dynamically?

  1. #1
    Sencha User
    Join Date
    Nov 2013
    Posts
    49
    Answers
    1

    Default How to limit items in carousel page sencha dynamically?

    Hi,
    I have created a carousel, My requirement is per view i want to show 4 items from list in a view, after that next item should push to next page in carousel.

    currently i fixed to 4 items per page.

    Here is my code

    Code:
    Ext.define("MyApp.view.PromotionThumbnailView", {    extend: 'Ext.Carousel',
        xtype: 'promotion-thumbnail-view',
    
    
    	requires: [
        'Ext.data.Store',
    	],
    	
        config: {
    		width : '100%',
    		align: 'center',
    		height:'100%',
    		style:"width:100% !important; background-color: white;",
    		fullscreen:true,
    		layout: { type :'vbox'},
        items: [
    
    
    	{
    		xtype: 'panel',
    		cls:'anilina',
    		items: [
    		   			{
                            xtype: 'list',
                            height: '100%',
                            plain: true,
                            store: {
    								fields: ['title','url'],
                                    data: [
                                           {title: 'Terms and Conditions of Access', url:'touch/resources/images/thumb.png'},
                                           {title: 'Terms and Conditions of Access', url:'touch/resources/images/thumb.png'},
    									   {title: 'Terms and Conditions of Access', url:'touch/resources/images/thumb.png'},
                                           {title: 'Terms and Conditions of Access', url:'touch/resources/images/thumb.png'},
                                    ]
                            },
                            itemTpl: '<div class="thumb_img"><img src="{url}"></div>',
    
    
                            disableSelection: true,
                           
    					   
                        },   
    				]
               },
            {
                html: 'slide2',
                style: 'background-color: blue'
            },
            {
                html: 'slie3',
                style: 'background-color: yellow'
            }
         ]
        },
    
    
    });
    suggest me!!

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108
    Answers
    342

    Default

    I am not sure I am following you. So on each carousel page you only want to show four items from your list? Like a pseudo paging?
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services [email protected]

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

    Need to include a test case use:
    The official Sencha Fiddle

  3. #3
    Sencha User
    Join Date
    Nov 2013
    Posts
    49
    Answers
    1

    Default yes Fmoseley, I want to show four items from your list?

    5th item should should push to next view in carousel automatically.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •