Question

我需要构建一个包含9个YUI面板的3 x 3页面。

我可以使用YUI网格构建3个33％的垂直列。 3个面板出现在三列中。但是当我在每列中放置3个面板（一个在另一个下面）时，它会相互堆叠。我想我应该给x，y坐标对齐它，但面板高度可能会有所不同，所以我可能需要动态确定x，y坐标。

代码有点像这样（在Django中使用 - 扩展main的子页面将它放在面板内容中）： -

<div id="doc3">
<div id="bd" role="main">
<div class="yui-gb">
<div class="yui-u first">
{% block panel1 %}{% endblock %}
{% block panel2 %}{% endblock %}
{% block panel3 %}{% endblock %}
</div>
<div class="yui-u">
{% block panel4 %}{% endblock %}
{% block panel5 %}{% endblock %}
{% block panel6 %}{% endblock %}
</div>
<div class="yui-u">
{% block panel7 %}{% endblock %}
{% block panel8 %}{% endblock %}
{% block panel9 %}{% endblock %}
</div>
</div>
</div>
</div>

我使用： -

进行渲染

YAHOO.example.container.panel1 = new YAHOO.widget.Panel("panel1", { width:"390px", visible:true, constraintoviewport:true } );
YAHOO.example.container.panel1.render();

我尝试使用上下文来执行某些操作，例如将一个面板对齐到另一个面板的底部，例如将context:["panel1","bl","tl]放到面板上，该面板应位于panel1下方。但似乎没有帮助。

任何指针都可以这样做 - 在YUI网格中将YUI面板放在另一个下面？

Answer 1

截至目前用于将一个面板定位在另一个面板之下。发现衬垫（阴影，遮罩等）不要移动，现在设置为“无”。需要进一步研究。

panel4y = YAHOO.util.Dom.getY('panel1') + document.getElementById("panel1").offsetHeight + 10;
YAHOO.util.Dom.setY('panel4',panel4y);

YUI面板 - 需要构建一个包含9个面板的3 x 3页面 - 如何垂直放置面板

1 个答案: