ExtJSのバインド式で論理演算子を使用するにはどうすればよいですか？

Question

フォームに3つの入力フィールドがあり、最初の2つの入力に値がある場合にのみ3番目の入力を有効にしたいとします。

これは動作していないよう：ビューモデルで

Ext.define('MyApp.view.myobj.MyPanel', { 
    extend:'Ext.Panel', 

    viewModel: {}, 

    items: [{ 
     xtype: 'form', 
     defaultType: 'textfield', 
     items: [ 
      {fieldLabel: 'Field 1', reference: 'field1', publishes: 'value'}, 
      {fieldLabel: 'Field 2', reference: 'field2', publishes: 'value'}, 
      { 
       fieldLabel: 'Field 3', 
       bind: { 
        disabled: '{!field1.value} || {!field2.value}' 
       } 
      },    
     ], 
    }], 
}); 

Fiddle

Answer 1

、{field1.value！}の値を返すように数式を追加する|| {！field1.value}フィドルを1として

：

viewModel: { 
    formulas: { 
     something: { 
      bind: { 
       x: '{!field1.value}', 
       y: '{!field2.value}' 
      }, 

      get: function (data) { 
       if (data.x || data.y) return true; 
       else return false; 
      } 
     } 
    } 
}, 

items: [{ 
    xtype: 'form', 
    defaultType: 'textfield', 
    bodyPadding: 10, 
    items: [ 
     {fieldLabel: 'Field 1', reference: 'field1', publishes: 'value'}, 
     {fieldLabel: 'Field 2', reference: 'field2', publishes: 'value'}, 
     { 
      fieldLabel: 'Field 3', 
      bind: { 
       disabled: "{something}" 
      } 
     },    
    ], 

}] 

Answer 2

は、このようなあなたのViewModelに数式の設定を追加します。

formulas : { 
     showSomeComponent : function (get) { 
      return get('isAuthorized') && !get('isDisabled'); 
     } 
    } 

http://docs.sencha.com/extjs/5.1.0/Ext.app.ViewModel.html#cfg-formulas