html5 - Sencha: Togglefield animation not working after "animateActiveItem" -


i'm having trouble 'togglefield' xtype in sencha. i've done lot of testing different code types , have simplified application few containers. can see i've added 2 togglefields - 1 in first container "view a" , other in "view b" container. reason, first togglefield displays correctly. however, second togglefield, animation not display correctly.

i've noticed same problem larger applications when application consists of 1 main container multiple views accessed via "animateactiveitem". in initial container, togglefield works, in second, toggle not animate.

however, if change view "setactiveitem", toggle works in both. think there simple i'm missing, can't tell what. ideas?

code i'm using define view follows:

ext.define('myapp.view.mainwindow', {     extend: 'ext.container',      config: {         id: 'mainwindow',         layout: {             type: 'card'         },         items: [                 {                     xtype: 'container',                     id: 'viewa',                     layout: {                         type: 'vbox'                     },                     items: [                             {                                 xtype: 'container',                                 html: 'click button'                             },                             {                                 xtype: 'button',                                 text: 'mybutton',                                 handler: function () {                                     ext.getcmp('mainwindow').animateactiveitem(ext.getcmp('viewb'), {type: 'pop', direction: 'left'});                                     console.log("pressed");                                 }                             },                             {                                 xtype: 'togglefield',                                 label: 'field'                             }                             ]                 },                 {                     xtype: 'container',                     id: 'viewb',                     items: [                             {                                 xtype: 'togglefield',                                  name: 'togglename',                                 label: 'my toggle field',                             }                             ]                 }                 ]     }  }); 

i don't know how can applied situation, i've found out vas accidentally creating 2 instances of view controller invoking animation. 1 in app.js , 1 in profile.

basically interrupting each others animations.


Comments

Popular posts from this blog

node.js - Bad Request - node js ajax post -

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -