1. #1
    Sencha User KJedi's Avatar
    Join Date
    Feb 2008
    Location
    Ukraine, Mykolayiv
    Posts
    145
    Vote Rating
    1
    KJedi is on a distinguished road

      0  

    Question Animating Ext.Sheet

    Animating Ext.Sheet


    I need the following functionality:
    There is a map with custom markers on it. I handle the tap event and need to show the panel in the top part of the map with information about the tapped item.
    Initially I used the docked component, but when I hide/how it, ther map jumps as well, because component does not cover the map, it moves it down.
    That's correct behavior for docked items, but I need a different one. So I utilized and Ext.Sheet for this. It works like a charm (I only needed to add it to the component where I want it to appear otherwise it appeared in the very top of the page), but I need more now. I want it to slide up/down with animation. Here'w what I use:
    Code:
    Ext.define('CJ.view.search.DetailSheet', {
    	extend: 'Ext.Sheet',
    	alias: 'widget.detailSheet',
    	config: {
    		height: 143,
    		enter: 'top',
    		enterAnimation: {
    			type: 'slide',
    			duration: 500
    		},
    		exit: 'top',
    		exitAnimation: {
    			type: 'slide',
    			duration: 500
    		},
    		stretchX: true,
    		modal: false,
    		cls: 'dealDetailSheet'
    	},
    However when I do hide() or show(), there is no animation there. What I am doing wrong?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,756
    Vote Rating
    828
    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


    Animations are not complete yet. If you look at the source for Ext.Sheet, you can see quite a lack of source meaning that this class isn't fully baked.

    Looking at our latest code internally, it looks like this should be working in our next release.
    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 KJedi's Avatar
    Join Date
    Feb 2008
    Location
    Ukraine, Mykolayiv
    Posts
    145
    Vote Rating
    1
    KJedi is on a distinguished road

      0  

    Default


    Yes, I checked out the code. The Ext.Sheet, parent classes and descendants and could not find how that is animated. That's why I asked here

    OK, waiting for the Sencha Touch 2 Beta. Any chances to get it before the end of January?

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi