0

ここに私の要件があります：

私は3つのフィールドを持つフォームを持っています。ユーザーが 3 番目のフィールドを特定の値に変更した場合、1 番目のフィールドをリセットする必要があり、1 番目のフィールドに隣接するフィードバック メッセージをカスタム メッセージで表示したいと考えています。

Prompt、Confirm、OK、CancelなどのExtJSであるさまざまな種類のメッセージボックスがあることは理解していますが、メッセージが2秒で自動的に表示されて消えるようにしたいだけです。ExtJS コンポーネントを使用してこれを実現できますか?

4

2 に答える 2

1

Ext.tip.QuickTipこのような用途に使用することをお勧めします。

Ext.create('Ext.tip.QuickTip', {
    id: 'myquicktip',
    hideDelay: 2000,
    header: false
});

Ext.create('Ext.panel.Panel',{     
    title: 'Panel',     
    layout: 'hbox',
    height: 200,
    width: 600,     
    items: [{
            xtype: 'textfield',
            id: 'field1',

        }, {
            xtype: 'textfield',
            id: 'field2',
        }, {
            xtype: 'textfield',
            id: 'field3',
            listeners: {
                change: function(){
                    var field1 = Ext.getCmp('field1'),
                        tip = Ext.getCmp('myquicktip');                                                       

                    field1.setValue('');

                    tip.update('field1 has been cleared');
                    tip.showBy(field1)
                }
            }
        }
    ],      
    renderTo: Ext.getBody()
});

ここにもフィドルのリンクがあります: https://fiddle.sencha.com/#fiddle/9pd

于 2014-09-03T10:40:49.003 に答える
0

正確にどのように見えるかに応じて、次のいずれかを使用します

  • Ext.form.field.Display
  • Ext.form.Label
  • Ext.tip.Tip
  • Ext.tip.QuickTip

Ext.util.Animate組み込みのアニメーションが十分にアニメーション化されていない場合、それらはすべて mixin で装飾できます。

于 2014-09-03T09:43:50.063 に答える