Java Adobe体验管理器6.2

是否有人提供了如何创建二维动态构件的最佳实践示例。例如，将js数据添加到一个表中，在该表中，可以有x个列和y个行，并具有动态输入类型，例如文本、数字、下拉列表

var comparisonTableCarouselJSON = {
  tableColumns: [
    {
      columnData: [
        {
           cellType: "label", 
           text: "Test 3",
           richText: "",
           tickBox: "",
        },
      ]
    },
    {
      columnData: [
        {
          cellType: "label", 
          text: "Test 3",
          richText: "",
          tickBox: "",
        },
      ]
    },
    {
      columnData: [
        {
          cellType: "label", 
          text: "Test 3",
          richText: "",
          tickBox: "",
        },
      ]
    }
  ]
}

---

从评论中，我了解到您希望将AEM用作无头CMS和React head

方法1：将AEM打造成无头CMS的推荐方法是：。您需要在片段中启用。然后创建一个片段并编写表内容。然后使用model.json可以导出并由React head使用

方法2:创建扩展的表组件。aemcore文本包含所有需要的插件，因此您的自定义组件基本上是空白的。aemcore使用扩展ComponentExporter的。因此，您可以通过点击

*/\u jcr\u content/*/table.model.json

来使用表内容。这也很容易，因为所涉及的编码非常少

发展的困难部分： 上述两种方法都使用ComponentExporter，在jackson的帮助下盲目导出jcr内容。RTE的表格插件将内容保存为html。这意味着，生成的*.model.json将是一个html字符串。例如：

{"text": "<table><tbody><tr><th>Hello</th><th>World</th></tr></tbody></table>"}

{“text”：“HelloWorld”}

在react端，您需要以innerHtml呈现，或者在react端使用HTML解析器，以您需要的格式解析内容。

---

为了避免FE中的innerHtml/解析，您需要构建一个类似于ExtendesComponentExporter的自定义Sling模型。使用将HTML字符串解析为DOM对象。根据您所需的json格式，创建一个包含所需字段的TableDTO。最后将DomeElement从jsoup解析器映射到TableDTO。ComponentExporter应将自定义表格导出到。这样，您将从*.model.json导出一个整洁的json

您是否检查了OTB表组件。这不符合你的要求吗？谢谢，我相信我也看过你提到的桌子组件。我面临的问题是，我正在使用React JS编写组件，在客户端使用现代功能。我需要生成json来驱动表，而不是一个有自己风格的表。因此，您正在构建一个react组件。AEM的作用是什么？只是为了承载和服务react组件？我看不到与上面标记的java、xml、jsp和aem6.2的连接。您可以再次检查哪个是OTB。我的要求是使用AEM通过对话框动态创建JSON结构。这将作为js变量呈现在JSP文件中，并由react组件使用。用例包括：；表格、旋转木马、卡片，但感觉表格可以以最清晰的方式说明用例。作者可以动态选择他们拥有多少列/行，这将由AEM生成。此示例为1行3列。感谢您的反馈和想法，我将花更多的时间在这方面并分享任何发现。嗨，Saravana，您知道是否可以开发此组件，其中列表可用于输入不同类型的数据，例如字符串、令牌或图像。-而不仅仅是绳子。谢谢