Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #101
    Sencha Premium Member
    Join Date
    Dec 2011
    Location
    London, UK
    Posts
    252
    Vote Rating
    8
    bseddon will become famous soon enough

      0  

    Default Animation in afterShow can be too soon

    Animation in afterShow can be too soon


    Hi Eirik

    I've run into a problem using the notification window. I want to share my workaround in case it's useful for others.

    The content of my popup window is a label control and a grid arranged in a vbox layout. I want the window to size dynamically to the content and I want the window to emerge from the bottom. The problem I've had is that the notification window computes the offsets required for the animation in 'afterShow'.

    If the window layout is the default 'auto' this is fine because the correct window height has been computed by the time the window is show. However, if the content is dependent upon the layout engine then by the time afterShow is called, the height will be whatever initial minimal height ExtJS uses (zero or minHeight for example).

    My solution is to move the code in 'afterShow' to new function 'doAnimation' which is called from 'afterLayout'. Now this is not the whole story in a couple of ways.

    One is that 'afterLayout' is fired repeatedly but only once after 'afterShow' So the trick is to record the show event in 'afterShow' and arrange that the code in 'afterLayout' executes only once after the window has been shown (see the code snippet below).

    The other issue is that 'afterLayout' is only called if a layout is used. By default the notification window does not use a layout so the 'auto' layout is used. In this case 'autoLayout' is not called after 'afterShow'. If the only place 'doAnimation' is called is in 'afterLayout' then the window will never appear. This means 'doAnimiation' should be called from 'afterShow' if this.getLayout().$className == 'Ext.layout.container.Auto' or from 'afterLayout' otherwise.

    The only other wrinkle is that when doAnimation is called from afterLayout, the windows does not seem to be active. To address that I've added a call to setActive();

    This change works for me in the narrow case of my scenario and is not tested to work in all scenarios. However, the relevant code change in my implementation of the notification window can be shown like this:


    Code:
    afterShow: function () {
    
        if (this.getLayout().$className === 'Ext.layout.container.Auto')
            this.doAnimation();
        else
            this.shown = true;
    
        this.callParent(arguments);
    },
    
    
    afterLayout: function() {
    
        var me = this;
        if (!me.shown) return;
        delete this.shown;
    
        this.callParent(arguments);
    
        me.setActive(true);
        me.doAnimation();
    },
    
    doAnimation: function() {
        // The rest of the 'afterShow' code appears here...
    }

  2. #102
    Sencha User
    Join Date
    Jul 2013
    Posts
    6
    Vote Rating
    0
    paulosincos is on a distinguished road

      0  

    Default


    Nice feature! thanks

  3. #103
    Sencha User
    Join Date
    Jun 2011
    Posts
    162
    Vote Rating
    1
    rafaelrp is on a distinguished road

      0  

    Default


    Nice!

  4. #104
    Sencha Premium Member
    Join Date
    Jun 2008
    Posts
    318
    Vote Rating
    3
    Scorpie is on a distinguished road

      0  

    Default


    Is this compatible with the neptune theme? I tried it but it doesnt look 'smooth'.
    I`m from Holland!

  5. #105
    Sencha User nbabinski's Avatar
    Join Date
    Apr 2011
    Location
    Ukraine, Kyiv
    Posts
    21
    Vote Rating
    2
    nbabinski is on a distinguished road

      0  

    Default Social coding

    Social coding


    Hello Eirik,
    Thanks for the great extension!

    One proposal to share the code of this great ux in any social coding places like github, making future developing easier and of course collaboration with the community.
    I've found that you've joined the github (https://github.com/EirikLorentsen) will be great to move development there.

  6. #106
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Raleigh, NC
    Posts
    417
    Vote Rating
    134
    brian428 is a name known to all brian428 is a name known to all brian428 is a name known to all brian428 is a name known to all brian428 is a name known to all brian428 is a name known to all

      0  

    Default


    Erik, great work on this. But I thought I'd ask about an issue that seems to have popped up in 4.2.1. When a Notification is rendered, it starts off in the top right (if I've set it to TR of course), but then jumps to the center of the screen, and then animates from screen center back up to the top right. I assume something changed in 4.2.1 either in the CSS or maybe in how relative X/Y are calculated or something. Before I dive in over my head to try and see if I can figure it out, I figured I'd ask if you've seen this or had any ideas. Was hoping maybe it's something you'd be able to identify quickly since you're so familiar with the code. If not, I plan to try and dig in and see if I can figure out what's changed.

    Thanks,

    Brian

  7. #107
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Raleigh, NC
    Posts
    417
    Vote Rating
    134
    brian428 is a name known to all brian428 is a name known to all brian428 is a name known to all brian428 is a name known to all brian428 is a name known to all brian428 is a name known to all

      0  

    Default


    I think I found it. For some reason, it looks like the actual x and y isn't being set initially on the window (and probably its underlying El?). I force these to be set in the beforeShow() handler, just before the call to me.el.animate() by adding this:

    me.x = me.getX();
    me.y = me.getY();

    Seems to work correctly on 4.2.1 now!

  8. #108
    Sencha User eirik.lorentsen's Avatar
    Join Date
    Aug 2011
    Location
    Santiago, Chile
    Posts
    33
    Vote Rating
    7
    eirik.lorentsen is on a distinguished road

      0  

    Default


    Good point!
    The plugin is now a project on GitHub:
    https://github.com/EirikLorentsen/Ex...w.Notification

  9. #109
    Sencha Premium Member
    Join Date
    May 2012
    Posts
    21
    Vote Rating
    1
    adolfo9 is on a distinguished road

      0  

    Default problem with extjs v.4.2.1

    problem with extjs v.4.2.1


    i have problems with version ExtJs. v.4.2.1 ..the window notification show on top, but no show the window complete, only one section of window.... when i use extjs v .4.1 work fine... but with version. 4.2.1 not work.... one suggestion for fix the problem?

  10. #110
    Sencha User eirik.lorentsen's Avatar
    Join Date
    Aug 2011
    Location
    Santiago, Chile
    Posts
    33
    Vote Rating
    7
    eirik.lorentsen is on a distinguished road

      0  

    Default


    Scorpie: There should be no problem using themes. The basic plugin does not modify any markup. The notifications are identical to windows in that respect.
    However my alternative styling in the demo might look a bit off because it is modifying the css of the base theme. But if you are using the Neptune theme you probably don't want to use the alternative styling anyway..