テキストフィールドの妥当性確認

Question

次のコードによれば、名前テキストフィールドは空白のままにすることはできません。ユーザーがテキストフィールドをクリックして空白のままにすると、エラーが表示されます。

しかし、ユーザーがテキストフィールドをクリックせずに直接ボタンをクリックすると、送信され、エラーメッセージは表示されません。だから私がしたいのは、彼/彼女がnameテキストフィールドに空白のままになっている場合、ユーザーが送信ボタンをクリックしたときにユーザーに警告することです。

{ 
    xtype:'textfield', 
    name:'name', 
    label:'name', 
    required: true, 
    listeners: { 
     blur: function(thisTxt, eventObj) { 
      var val= thisTxt.getValue(); 
      if (val.length==0) { 
        // display alert 
      } 
     } 
    } 
}] 
}, 
{ 
    xtype:'button', 
    id:'new-note-btn', 
    text:'Send', 
    ui:'confirm', 
    padding:5 
} 
} 

Answer 1

注 ..

xtype:'textfield', 
name:'name', 
id: 'textId', 
..... 
...... 

と

{ 
    xtype:'button', 
    id:'new-note-btn', 
    text:'Send', 
    ui:'confirm', 
    padding:5, 
    listeners : { 
     tap : function() { 
      if(Ext.getCmp('textId').getValue()=="") { 
       // display the alert .. 
      } 
     } 
    } 
} 

をごtextfieldにいくつかのid性を付与し、コード、次のように実行します。このtextfieldはあなたのformpanelであることを起こる場合は、 formpanelの値を取得してからこれにアクセスしてください。以下のようにnameプロパティを使用して0値を設定します。

// Assuming formpanel id = 'formPanelId' ... 

listeners : { 
    tap : function() { 
     var values = Ext.getCmp('formPanelId').getValues(); 
     var nameValue = values.name; 
     if(nameValue == "") { 
       // display the alert .. 
     } 
    } 
}