javascript - 在 CQ5 中从下拉列表中选择时实现对话框字段的显示/隐藏

Question

我有一个实现，我必须从下拉列表中进行选择(图像或视频)。在此选择的基础上，图像路径字段和替代文本应在选择图像时显示在对话框中(其他字段应保持隐藏)，视频 ID 和替代文本应在选择视频时显示(其他字段应保持隐藏)从下拉列表中。整个事情必须在多个领域实现。每个多字段都会有下拉菜单和字段。

谁能帮我解决这个问题吗？

Answer 1

在组件上创建一个 clientlib - example

/yourcomponent/clientlib/authoring.js

在authoring.js上创建JavaScript代码来处理字段的隐藏/显示功能

Yourcompany.authoring = {

    hideFields: function(this, value, sChecked){
        //your code goes here        
    }
}

Using cq5's extJs API

在您的 AEM 实例中，从 Package Share 下载名为使用 ExtJS Widgets (v01) 的软件包并安装

在下拉节点上添加一个 nt:unstructed 类型的监听器节点，并添加具有以下值的属性 selectionchanged:

function(this, value, sChecked ) { 
    Yourcompany.authoring.hideFieds(field, value, isChecked);
}