Results 1 to 6 of 6

Thread: Animation on DataView not working

    You found a bug! We've classified it as EXTJS-15393 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    90
    Vote Rating
    0
      0  

    Default Animation on DataView not working

    Hello,
    I have a DataView and added 'Ext.ux.DataView.Animated' as a plugin in order to animate the rearranging of the images that I have in my DataView.

    Code:
    Ext.define('MyTT.view.BHomePanel', {
      extend: 'Ext.panel.Panel',
      alias: 'widget.bhomepanel',
      requires: ['Ext.ux.DataView.Animated'],
    
    
      id: 'bhomepanel',
      autoScroll: false,
      layout: {
        type: 'vbox'
      },
      frameHeader: false,
      initComponent: function() {
        var me = this;  
        Ext.applyIf(me, {
          items: {
            xtype: 'dataview',
            id: 'mytickerdata',
            deferInitialRefresh: false,
            emptyText: 'No images to display.',
            plugins: [Ext.create('Ext.ux.DataView.Animated', {duration: 5000, idProperty:'id'})],
            autoScroll: true,
            itemSelector: 'div.thumb-wrap',
            store: 'TickerData',
            itemTpl: [
              '<tpl for=".">',
              '    <div class="thumb-wrap" id="{name:stripTags}">',
              '        <div class="thumb"><img src="{currentprofile}" title="{userid}"></div>',
              '        <span class="x-editable">{totalco2}({annualco2})</span>',
              '    </div>',
              '</tpl>',
              '<div class="x-clear"></div>'
            ]
          }
        });  
        me.callParent(arguments);
      }
    });
    Now I try to remove the first item in the DataView with:
    Code:
    Ext.getStore('TickerData').removeAt(0)
    The item disappears from the DataView without animation and in the console of the debugger I get this error message:
    Code:
    TypeError: Cannot read property 'animate' of null
    Thanks
    ok

  2. #2
    Sencha User watertrac_dev's Avatar
    Join Date
    Jun 2013
    Location
    Lawrence, KS
    Posts
    48
    Vote Rating
    10
      1  

    Default Error thrown when animating item removal from DataView's store

    Here's a fiddle reproducing the issue.


  3. #3
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    90
    Vote Rating
    0
      0  

    Default

    @watertrac_dev

    Thank you for the effort. How do we go from here? How could we raise the interest of a Sencha expert?

    Thanks
    ok

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Vote Rating
    296
      0  

    Default

    Thanks stoertebeker for pointing this out, and thanks watertrac_dev for that test case. I've moved this thread to the Bugs forum, and have opened a bug in our bug tracker.

  5. #5
    Sencha Premium Member
    Join Date
    Mar 2012
    Posts
    90
    Vote Rating
    0
      0  

    Default

    Dear Support,
    is there any indication how long it will take until someone will have a look and hopefully a fix?
    Thanks
    ok

  6. #6
    Sencha User
    Join Date
    Jan 2016
    Location
    Brazil
    Posts
    126
    Vote Rating
    6
      0  

    Default

    Bump! I guess?

    The animated data view example has not been working since v6.0 it seems.
    https://examples.sencha.com/extjs/6....-dataview.html

    Tried almost all versions back to 6.0.0 for no avail.
    Object.NET
    Frameworks and Tools for .NET Developers
    --------------------------------------------------
    Ext.NET - Ext JS for ASP.NET - Examples | Twitter
    Bridge.NET - Write C#. Run JavaScript! - Live | Twitter
    --------------------------------------------------

Posting Permissions

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