OpenLaszlo滚动问题

Question

我有一个如下所述的视图，我正在向内容视图动态添加大量视图，问题是滚动条不可见。所以我钻了一点，我发现在动态添加视图后内容的高度没有得到更新。

我在这里做错了什么？相同的代码在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

Answer 1

您的结构看起来非常复杂。为什么你有一个contentwrapper和一个内容视图。我创建了一个在OpenLaszlo 3.4（swf7和swf8）和OpenLaszlo 5.0 trunk（SWF10和DHTML）中编译的示例。我在wrapper视图中将剪切设置为true，并将视图添加到视图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 3.4 SWF8中运行的相同代码：