1

我有一个如下所述的视图,我正在向内容视图动态添加很多视图,问题是滚动条不可见。所以我深入研究了一下,发现在动态添加视图后内容的高度没有更新。

我在这里做错了什么?相同的代码在 Openlaszlo 3.3 中正常工作

<view name="wrapper">
 <view name="scrollablecontainer"
                  width="${this.contentwrapper.width &gt; parent.width
                         ? this.contentwrapper.width : parent.width}"
                  height="${this.contentwrapper.height &gt; parent.height 
                          ? this.contentwrapper.height : parent.height}">
                <view name="contentwrapper" >
                    <view name="contents"/>
                </view>
  </view>
 <vscrollbarnew name="vscroll"
                        height="${this.height}"
                        pagesize="${this.height}"
                        visible="${this.scrollable}"/>
</view>

当组件初始化我将 contentwrapper 的宽度和高度设置为 0 时,我错过了一件事情。

运行时:swf 测试浏览器:firefox、windows xp

4

1 回答 1

1

你的结构看起来很复杂。为什么你有一个内容包装器和一个内容视图。我创建了一个在 OpenLaszlo 3.4(swf7 和 swf8)和 OpenLaszlo 5.0 主干(SWF10 和 DHTML)中编译的示例。我已在视图上将剪辑设置为 true,并向wrapper视图添加了一个布局,scrollablecontainer动态创建的视图将添加到该视图中。

<canvas height="400">

    <attribute name="counter" type="number" value="0" />

    <class name="rectangle" width="200" height="30" bgcolor="blue">
        <text name="label" align="center" valign="middle" />
    </class>

    <!-- Wrapping view needs to have a width and height set and clip set to true -->
    <view name="wrapper" x="100" y="10"
          width="236" height="150"
          bgcolor="#ff9999"
          clip="true">

        <view x="10" name="scrollablecontainer"
              bgcolor="#aaaaaa">

            <simplelayout axis="y" spacing="8" />

        </view>

        <vscrollbar name="vscroll"
                    visible="${this.scrollable}"/>
    </view>

    <method name="addView">
        var v = null;
        if ( $swf7 || $swf8 ) {
            v = new rectangle( canvas.wrapper.scrollablecontainer );
        } else {
            v = new lz.rectangle( canvas.wrapper.scrollablecontainer );
        }
        canvas.counter++;
        v.label.setAttribute( 'text', 'View #' + canvas.counter );
    </method>

    <view>
        <checkbox value="true" onvalue="canvas.wrapper.setAttribute('clip', this.value)" />
        <text x="20" >Clipping of view 'wrapper'</text>
    </view>

    <button y="25" text="Add view" onclick="canvas.addView()" />

</canvas>

命名的视图wrapper应该启用了裁剪,并且需要为宽度和高度设置一个值。通过单击复选框,您可以切换clip包装器的属性值以查看效果。

这是在 OpenLaszlo 5.0 主干 SWF10 中运行的应用程序: OpenLaszlo 滚动条和动态视图生成

这里是在 OpenLaszlo 3.4 SWF8 中运行的相同代码: 在此处输入图像描述

于 2012-11-30T16:23:56.787 回答