0

パネルを下から上に移動したい。スムーズに。このために、このコードを試します。

Ext.define("mathmania.view.Main", {
extend: 'Ext.Panel',
requries: [
    'Ext.util.DelayedTask'
],
xtype: 'panel',
config: {
    autodestory: true,
    border: 1,
    html: 'test panel',
    bottom: 0,
    centered: true,
    padding: 10,
    margin: '2%',
    width: '95%',
    listeners: {
        painted: 'countdown'
    }
},
countdown: function()
{
    var task = Ext.create('Ext.util.DelayedTask', function() {
        this.setBottom(this.getBottom + 5);
        task.delay(100);
    });
    task.delay(0);
}

しかし、繰り返しタスクとして複数回ではなく、一度だけ機能するたびに?. このフロート パネルをスムーズに移動するためのより良い方法や、このコードに欠けているものはありますか?

4

1 に答える 1

1


do-while ループを使用してみました。現在、パネルは 2 回移動していますが、まだ目的は達成されていません。私はループのどこかに欠けていると思います。
これが少し役立つことを願っています。

        Ext.define("mathmania.view.Main", {
        extend: 'Ext.Panel',
        requries: [
            'Ext.util.DelayedTask'
        ],
        xtype: 'panel',
        config: {
            id: 'main1',
            autodestory: true,
            border: 1,
            html: 'test panel',
            bottom: 0,
            centered: true,
            padding: 10,
            margin: '2%',
            width: '95%',
            listeners: {
                painted: 'countdown'
            }
        },
        countdown: function()
        {
            var a=Ext.getCmp('main1');
            var i=0;
            var j=20;
            do{
              var task = Ext.create('Ext.util.DelayedTask', function() {
              a.setBottom(a.getBottom() + 10);
                task.delay(500);
                    });
               task.delay(1000);
               i++;
            }while(i<j)
        }
     });
于 2012-09-18T10:38:14.700 に答える