1

this is a chat application in openlaszlo. i write in the inputtext area. and receive the sent text in the text area. after sometime i can not see the texts in the text field. so, i want to add a scroll bar in the text area. but i cannot make it work. any ideas? thanks in advance!!

<canvas height="100%" width="100%" bgcolor="white" allowfullscreen="true" debug="true">

<class name="chatSender">
<attribute name="_netConnection" />
<attribute name="_sharedObject" />

<handler name="oninit">
this._netConnection = new NetConnection();
this._netConnection.connect("rtmp://115.187.37.167/oflaDemo/room1");

this._sharedObject = SharedObject.getRemote("chat", this._netConnection.uri, true);
this._sharedObject.connect(this._netConnection);
Debug.write("ChatSender initiated");
</handler>

<method name="sendMessage" args="mensaje">
Debug.write("SendMessage: " + mensaje )
this._sharedObject.send("messageHandler",mensaje);
</method>
</class>

<class name="chatReceiver">
<attribute name="_netConnection" />
<attribute name="_sharedObject" />

<handler name="oninit"><![CDATA[

this._netConnection = new NetConnection();
this._netConnection.connect("rtmp://115.187.37.167/oflaDemo/room1");


this._sharedObject = SharedObject.getRemote("chat", this._netConnection.uri, true);
this._sharedObject.connect(this._netConnection);


this._sharedObject.messageHandler = function(str) {

var textoAnterior = texto.text;
Debug.write( textoAnterior + "<br/>" + str);
texto.setAttribute("text", textoAnterior + "<br/>" + str);
};
Debug.write ("chatReceiver initiated");
]]>
</handler>
</class>

<chatReceiver name="chatRec"/>
<chatSender name="chatSen"/>

<simplelayout/>
<view width="100%" height="80%" bgcolor="white" clip="true">
<text id="texto" width="100%" height="90%" multiline="true" clip="true">
</text>
</view>

<view bgcolor="blue" width="70%">
<simplelayout axis="x"/>
<inputtext bgcolor="cyan" width="100%" id="mensajeAEnviar"/>
<button width="50" onclick="canvas.chatRec._cajaChat=texto; canvas.enviarTexto(mensajeAEnviar.text);">Send</button>
</view>

<method name="enviarTexto" args="texto">
Debug.write("enviarTexto:" + mensajeAEnviar.text);
canvas.chatSen.sendMessage(mensajeAEnviar.text);
mensajeAEnviar.setAttribute("text","");
</method>

</canvas>
4

1 回答 1

2

我已经删除了 Red5/chat 特定的代码，以便让您清楚地知道如何在 OpenLaszlo 中使用滚动条。对于要滚动的输入文本，不要设置高度。父视图必须剪切内容，然后当输入文本的大小大于父视图时，滚动条将激活。

<canvas height="100%" width="100%" bgcolor="white" allowfullscreen="true" debug="true">

    <method name="addLineOfText" args="line"><![CDATA[
        var newText = texto.text;
        if (newText != '')
          newText += '<br/>';
        newText += line;
        texto.setAttribute("text", newText);
    ]]>
    </method>

    <simplelayout/>
    <view width="200" height="150" bgcolor="#eeffee" clip="true">
        <text id="texto" width="100%" multiline="true" clip="true">
            Here are just a few lines of text for testing...<br/>
            Here are just a few lines of text for testing...<br/>
            Here are just a few lines of text for testing...<br/>
            Here are just a few lines of text for testing...<br/>
            Here are just a few lines of text for testing...
        </text>
        <scrollbar axis="y" />
    </view>

    <view bgcolor="blue" width="300">
        <simplelayout axis="x"/>
        <inputtext id="mensajeAEnviar"
                   bgcolor="cyan"
                   width="100%" />
        <button id="but1"
                width="50"
                onclick="canvas.addLineOfText(mensajeAEnviar.text)"
                text="Send" />
    </view>
>

</canvas>

这是一篇博客文章，其中包含有关 OpenLaszlo 中滚动条的更多详细信息： http ://www.antunkarlovac.com/blog/2006/11/16/using-a-scrollbar/

我已经在 SWF10 和 DHTML 运行时中使用 OpenLaszlo 5.0（主干）测试了这段代码。

于 2012-07-27T22:19:37.503 回答