テキストフィールドからトリガーを無効/有効にする

Question

Ext Jsのすべてのバインディングと設定に慣れていません。だから私は電子メール（mailto）ボタン付きのテキストフィールドを持っています。ボタンを有効または無効にしたいのみ。しかし、私はトリガ自体を処理することから始める方法を知らない。だから私はそうのように私のViewControllerに結合するのをやってみました：

txtContactEmail:{ 
    disabled: {someFunctionInViewModel} 
}//this disables/enables the whole control 
//I only want the trigger button to be disabled/enabled 

これは、煎茶の建築家で作成したビュー内のコードです。

{ 
    xtype: 'textfield', 
    flex: 2, 
    itemId: 'txtContactEmail', 
    margin: '0 5 0 0', 
    fieldLabel: 'Email', 
    labelWidth: 35, 
    validateOnChange: false, 
    validateOnBlur: false, 
    triggers: { 
      trgEntityEmail: { 
       cls: 'x-form-email-trigger' 
      } 
    } 
} 

Answer 1

トリガーにバインドするだけで、このインラインコードが役立ちます。これは、テキストフィールドのhideTrigger設定をView Modelプロパティにバインドします。このFiddleには作業コードがあります。

Ext.create('Ext.form.field.Text', { 
     viewModel: { 
      data: { 
       x: false 
      } 
     }, 
     flex: 2, 
     itemId: 'txtContactEmail', 
     margin: '0 5 0 0', 
     fieldLabel: 'Email', 
     labelWidth: 35, 
     validateOnChange: false, 
     validateOnBlur: false, 
     //Bind to x property of View Model 
     bind: { 
      hideTrigger: '{!x}' 
     }, 
     triggers: { 
       trgEntityEmail: { 
        cls: 'x-form-email-trigger' 
       } 
     } 
    }); 

もう一つの方法は、例えば、テキストフィールドのいくつかの他の設定にhideTrigger設定をバインドすることができます。値。このインラインコードは、このアプローチを示しています。あなたはhere.

Ext.create('Ext.form.field.Text', { 
       viewModel:{}, 
       flex: 2, 
       itemId: 'txtContactEmail', 
       margin: '0 5 0 0', 
       fieldLabel: 'Email', 
       labelWidth: 35, 
       validateOnChange: false, 
       validateOnBlur: false, 
       //Set a reference on textfield and publish its value 
       // Use this reference to do the binding 
       value: 'Some Value', 
       reference: 'mytextfield', 
       publishes: ['value'], 
       bind: { 
        hideTrigger: '{mytextfield.value}' 
       }, 
       triggers: { 
        trgEntityEmail: { 
         cls: 'x-form-email-trigger' 
        } 
       } 
      }); 

Answer 2

Ext.field.trigger.Triggerは、箱から出して有効/無効にするカントそれを確認することができます。

は、私はあなたがplsは私があなたのボタンは、フォームの内側にある知らせることができ、この

var myTrigger = myTextField.getTriggers()['trgEntityEmail']; 
// Apply disabled style with .setCls() or .setIconCls() 
myTrigger.setIconCls('my-disabled-icon'); 
// Remove handler 
myTrigger.sethandler(Ext.emptyFn);