0

我有下面的代码在叠加层中显示一个按钮。

<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 表单而不是在叠加层中进行硬编码吗？

4

2 回答 2

1

如果您只是创建某种基本的表单模板或组件，我认为您应该坚持使用常规 HTML 元素，然后使用 CSS 控制外观。尽管如果您绝对需要使用类似于您在 CQ 对话框窗口中看到的表单元素，您将需要通过使用 CQ 的 Ext JS 框架扩展来生成它们。

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

    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：http: //dev.day.com/docs/en/cq/current/widgets-api/index.html

Sencha Ext JS 3.4 上的材料（我相信 5.5 是基于此）： http ://docs.sencha.com/ext-js/3-4/

于 2012-10-01T23:34:42.940 回答
1

我们也可以按照以下方式进行，例如我们有一个页面，其中已经拖入了默认的 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 是灯箱（弹出），overlay22 是背景 div

于 2013-07-08T10:45:52.877 回答