如何在AEM Touch UI中使用复选框显示/隐藏对话框字段

Question

我对AEM还是比较陌生，我试图在复选框单击时隐藏/显示对话框字段。我尝试了一些方法，但未能实现此功能。这只是我自己的学习。我该如何实现？

我曾尝试添加js clientlib并将其他类和目标分别添加到复选框和目标字段中，如其他答案中所建议的那样，但这似乎不起作用。请帮忙。

Answer 1

首先，您需要创建一个clientLibs并将类别添加为cq.authoring.dialog.all，请参见以下代码：

const array = [
  {events: Array(5), conditions: {}},
  {events: Array(5), conditions: {}},
  {conditions: {}, awaits: Array(0), events: Array(1), pid: "123"}
];

const filteredArray = array.filter((arrayItem) => arrayItem.pid !== undefined);
console.log(filteredArray);

将granite：id属性添加为复选框资源类型的showText。

下面是将隐藏并显示的对话框选项卡：