AEM5.6 |ダイアログのすべての実装を選択してください

Question

コンポーネントダイアログでSelect-allチェックボックスを実装しようとしています。 select-allチェックボックスをオン/チェックすると、select-allチェックボックスの選択を解除/選択解除すると他のチェックボックスはすべてチェックされます。チェックボックスはオフにしてください。

私が書いたリスナーのコードが

function() 
{ 
    var type = this.getValue(); 
    var flag = true; 


    if(type==''){ 
     flag = false; 
    } 
    if(!flag){ 
     this.findParentByType('dialog').getField('./pricingVividBlack').defaultValue = false; 
    } 
    else{ 
     this.findParentByType('dialog').getField('./pricingVividBlack').defaultValue = true; 
    } 

} 

である私は機能を実現するために自分のコードを修正助けてください。

Answer 1

ダイアログ構造に基づいてこれを達成する方法はたくさんあります。

タブパネル/パネルに上記のチェックボックスのみが含まれていて、選択/選択解除ですべてを有効または無効にする必要がある場合は、次のコードを実行する必要があります。

function(field, val, isChecked) { 
    var panel = field.findParentByType('panel'); 
    var selections = panel.findByType('selection'); 

    if (isChecked) { 
     CQ.Ext.each(selections, function() { 
      if (this.isCheckbox) { 
      this.setValue(true); 
      } 
     }); 
    } else { 
     CQ.Ext.each(selections, function() { 
      if (this.isCheckbox) { 
      this.setValue(false); 
      } 
     }); 
    } 
} 

それとも、あなたはこの動作を必要とし、あなたは上記のコードを使用してそれらを識別し、それに応じてそれらを有効または無効にし、そのプロパティを使用することができますフィールドだけを識別するために余分なプロパティを設定します。

CQ5 Widget API

を参照してください。