1

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

ただし、ユーザーがテキストフィールドをクリックせずにボタンを直接クリックすると、送信され、エラーメッセージは表示されません。だから私がしたいのは、ユーザーが送信ボタンをクリックしたときに、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
 }
}
4

1 に答える 1

1

idあなたにいくつかのプロパティを与えtextfield、以下のコードのようにします..

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たまたま.. _formpanelformpaneltextfieldname

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

listeners : {
    tap : function() {
         var values = Ext.getCmp('formPanelId').getValues();
         var nameValue = values.name;
         if(nameValue == "") {
               // display the alert ..
         }
    }
}
于 2012-05-10T17:11:35.133 に答える