Bedingt aktivieren/deaktivieren Sie die Felder, die in AEM 6.1 (Granit.ui) TouchUI Dialoge
Tut jedermann haben keine Erfahrung mit der bedingt das deaktivieren der Felder basierend auf dem Wert von einem vorherigen Feld in einem AEM6.1 TouchUI dialog?
Ihnen einige Kontext-ich habe eine checkbox in meine TouchUI dialog aktivieren/deaktivieren (ausblenden/einblenden) ein Call-To-Action-Schaltfläche innerhalb einer Komponente. Ich möchte zum deaktivieren der CTA der Text neben den Menüeinträgen und href Felder im dialog selbst, wo der Autor deaktiviert hat der CTA über die checkbox. Negativ möchte ich ermöglichen, dass diese Felder, wo die CTA-checkbox aktiviert ist aktivieren CTA.
Habe ich untersucht /libs/cq/gui/components/authoring/dialog/dropdownshowhide/clientlibs/dropdownshowhide.js aber es ist nicht wirklich fit für den Zweck gegeben, dass diese speziell für oder ausblenden der Felder basierend auf dem Wert der dropdown-Liste aus und meine versuche es zu ändern, um zu ermöglichen, ähnlich funationality auf eine checkbox wurden weniger als fruchtbar. Ich möchte zum aktivieren/deaktiviert werden Felder eher als verstecken von Ihnen zeigen.
- mögliche Duplikate von Bedingte ein - / ausblenden von Feldern, die in AEM-6 Dialoge
Du musst angemeldet sein, um einen Kommentar abzugeben.
Nach ein bisschen Herumspielen habe ich diese Arbeit durch hinzufügen der class="cq-dialog-checkbox-enabledisable" zu meinem sling:resourceType="Granit/ui/Komponenten/foundation/Formular/Kontrollkästchen" und class="cq-dialog-checkbox-enabledisable-Ziel" auf der sling:resourceType="Granit/ui/Komponenten/foundation/Formular/textarea" ich wollte Sie deaktivieren, in meinem cq:dialog.xml.
Danach erstellte ich meinen eigenen clientLib mit Abhängigkeiten auf Granit.jquery und Kategorien cq.authoring.dialog.
UPDATE: stellt sich heraus, der Behinderten-Eigenschaft kann nicht festgelegt werden programmgesteuert auf pathbrowser Feld Typen auf der obersten Ebene, so dass Sie brauchen, um zu deaktivieren Sie die untergeordneten Felder enthalten innerhalb es (js-coral-pathbrowser-Eingangs-und js-coral-pathbrowser-Taste) code-snippet unten aktualisiert.
JS: