2

とボタンがあります。ユーザーがボタンをクリックしたときに、空白または空の場合textfieldにエラーメッセージをポップアウトしたいと考えています。私のコードは次のとおりです。Sendtextfield

私のコードによれば、値が空Sendであってもボタンをクリックして送信できます。textfieldしかし、テキストフィールドをクリックして空白のままにすると、テキストフィールドの境界線が赤くなりhover、textfieldエラーメッセージが表示されます。

私がやりたいことは、ユーザーが [送信] ボタンをクリックしたときにエラー メッセージ (テキスト フィールドが空の場合) をポップアウトすることです。

                    {
                        xtype: 'button',
                        text: 'Send',
                        action: 'send1'

                    },

                    xtype: 'textfield',                            
                        name: 'name',
                        fieldLabel: 'Name',
                        allowBlank: false,
                        blankText: 'Name left blank'
                    },
4

2 に答える 2

4 
                 {
                    xtype: 'button',
                    text: 'Send',
                    action: 'send1'

                },
                {
                    xtype: 'textfield',
                    id:'nameField',
                    name: 'name',
                    fieldLabel: 'Name',
                    allowBlank: false,
                    blankText: 'Name left blank'
                }

テキストフィールドのIDを指定することで、ボタンのハンドラーに以下のコードを含めることができます

                if(Ext.getCmp('nameField').getValue().length== 0)
                   Ext.Msg.alert('FormSubmissionError','TextField should not be empty');
                else
                   Submit the form.
于 2012-08-16T13:38:54.213 に答える
1

ポップアップ メッセージを表示する必要がある場合は、ボタン クリック ハンドラで手動で行う必要があります。ExtJs は、そのための組み込み機能を提供していません。ただし、追加できます

formBind: true

ボタン定義に追加すると、ExtJs は、すべての要素のすべてのバリデータが通過するまでボタンを無効にします。

于 2012-08-15T11:34:46.207 に答える