AEM - Touch UIダイアログボックスドロップダウンメニューを非表示にして表示する

Question

タブベースのtouch-uiダイアログAEM（AEM-6.2）を作成しようとしていますが、タブを非表示にする問題があります。

私は3つのタブをダイアログボックスに持っています。

1. 一般（常に有効）
2. スポーツ（選択はスポーツのときのみ有効）
3. 映画（選択は、映画の場合のみ有効）設定前

、 'スポーツ' と「ムービー」タブは表示されません。 「一般的な」タブでは、「スポーツを選ぶ」と「ムービーを選択する」という選択肢のボックスがあります。選択時に対応するタブが表示されます。私は以下のパスで提供されている手順を試してみましたが、タブを隠すことができません。

パス： /libs/cq/gui/components/authoring/dialog/dropdownshowhide/clientlibs/dropdownshowhide/js/dropdownshowhide.js

我々がしようとしたその他の参照：https://github.com/aman02deep/aem-6.2/blob/master/tabshideshow.js

コンテンツ.xmlファイル：

       </items> 
          </selection> 
         </items> 
        </columns> 
       </items> 

     </generalPanel> 
     <sports 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Sports" 
      sling:resourceType="granite/ui/components/foundation/container"> 
      <layout 
       jcr:primaryType="nt:unstructured" 
       sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns" 
       margin="{Boolean}false"/> 
       <items jcr:primaryType="nt:unstructured"> 
        <columns 
        jcr:primaryType="nt:unstructured" 
        sling:resourceType="granite/ui/components/foundation/container"> 
         <items jcr:primaryType="nt:unstructured"> 
          <sptext jcr:primaryType="nt:unstructured" 
            sling:resourceType="granite/ui/components/foundation/form/textarea" 
            fieldLabel="enter the text :" 
            name="./sp_text" 
            required="false"/> 

         </items> 
        </columns> 

       </items> 

     </sports> 
     <movies 
      jcr:primaryType="nt:unstructured" 
      jcr:title="Movies" 
      sling:resourceType="granite/ui/components/foundation/container"> 
      <layout 
       jcr:primaryType="nt:unstructured" 
       sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns" 
       margin="{Boolean}false"/> 
       <items jcr:primaryType="nt:unstructured"> 
        <columns 
        jcr:primaryType="nt:unstructured" 
        sling:resourceType="granite/ui/components/foundation/container"> 
         <items jcr:primaryType="nt:unstructured"> 
          <mvtext jcr:primaryType="nt:unstructured" 
            sling:resourceType="granite/ui/components/foundation/form/textarea" 
            fieldLabel="enter the text :" 
            name="./mv_text" 
            required="false"/> 

         </items> 
        </columns> 

       </items> 
     </movies> 
    </items> 
</content> 

Answer 1

あなたは花崗岩を使用することができます：あなたは非表示とjQueryを使用してconvinicenceあなたに示すことができ、データの属性を作成するために、データを。

1. は、あなたのラジオボタン
2. の変化にリスナーを追加花崗岩を追加します。リスナーが呼び出されているの両方のツメにデータ
3. 、隠す、ショー、あなたの選択とjQueryに基づきます。

参考：https://docs.adobe.com/docs/en/aem/6-1/ref/granite-ui/api/jcr_root/libs/granite/ui/components/foundation/commonattrs.html