Aem 如何在覆盖中显示cq5表单页

我有下面的代码来显示叠加中的按钮

<div class="overlay22" id="overlay22" style="display:none;"></div>  
<div class="box22" id="box22">
    <input type="submit" value="Submit" class="buttonclick" id="buttonclick"  /> 
</div>

---

我们可以在覆盖图中显示cq5表单而不是在覆盖图中硬编码吗？

如果您只是创建一些基本表单模板或组件，我认为您应该坚持使用常规HTML元素，然后使用CSS控制外观。不过，如果您确实需要使用类似于CQ对话框窗口中所见的表单元素，则需要使用CQ扩展的ExtJS框架来生成它们

例如，如果您想创建一个类似于您提供的示例的按钮，您必须编写如下内容：

    CQ.Ext.onReady( function(){
         var button = new CQ.Ext.Button({
              text : "Submit",
              id : "buttonclick",
              cls : "buttonclick",
              renderTo : CQ.Ext.getBody(),
              listerners : {
                   click : function(){
                      // Write handler code here
                   }
              }
         });
    });

CQ（5.5）最新版本的小部件API：

Sencha Ext JS 3.4上的资料（我相信5.5是建立在这个基础上的）：

---

我们也可以用以下方法来做， 比如说，我们有一个页面，其中已经拖入了默认的cq5表单组件， 让该页面在此路径中定义为/content/geometrix/loginpage.html 现在我们可以使用下面的代码在覆盖图中显示上面的页面

    <div class="overlay22" id="overlay22" style="display:none;"></div>  
    <div class="box22" id="box22">
    <sling:include path="content/geometrix/loginpage/par" />  
    </div>

---

低于该标准，我们可以找到窗体的内容。这里的BOX22是灯箱（弹出式），而Offay22是背景DIV/P>HI西蒙，谢谢您的答复，我将尝试以您所建议的方式来实现。