AEM 6:xtype tabpanel无法更改维度

时间:2015-06-01 17:53:27

标签: extjs aem

甚至可以更改tabpanel的尺寸。我尝试了高度和宽度,但它不起作用。任何指针。

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
    jcr:primaryType="cq:Dialog"
    height="{Long}600"
    title="Tiles"
    width="{Long}850"
    xtype="tabpanel">
    <items jcr:primaryType="cq:WidgetCollection">

    </items>
</jcr:root>

由于

2 个答案:

答案 0 :(得分:0)

将cq:对话框上的xtype更改为&#34;对话框&#34;,并将tabpanel 2级别向下移动,即:

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
    jcr:primaryType="cq:Dialog"
    height="650"
    title="Tiles"
    width="850"
    xtype="dialog">
    <items jcr:primaryType="cq:WidgetCollection">
        <tabpanel
            jcr:primaryType="cq:Widget"
            xtype="tabpanel">
            <items jcr:primaryType="cq:WidgetCollection">
            ...
            </items>
        </tabpanel>
    </items>
</jcr:root>

答案 1 :(得分:0)

我已经实现了以下结构,它运行良好:

 - cq:Dialog
      - cq:WidgetCollection
           - cq:TabPanel
                - cq:WidgetCollection
                    - cq:Widget
                    - cq:Widget
                    ...

作为现实生活中的例子:

<?xml version="1.0" encoding="UTF-8"?>
    <jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
              jcr:primaryType="cq:Dialog"
              title="Filter Component"
              height="{Long}500"
              width="{Long}550"
              xtype="dialog">
        <items jcr:primaryType="cq:WidgetCollection">
            <tabs jcr:primaryType="cq:TabPanel">
                <items jcr:primaryType="cq:WidgetCollection">
                    <tab1 jcr:primaryType="cq:Widget"
                          ... more attributes
                          />
                    <tab2 jcr:primaryType="cq:Widget"
                          ... more attributes
                          />
                </items>
            </tabs>
        </items>
    </jcr:root>

注意:必须在width节点中明确配置heightcq:Dialog属性