'Basic' external actionscript file/class usage

Question

Hey All,
I'm a bit baffled by something that should, in my humble opinion, be a piece of cake...
The setup is really easy. A simple application with a single textinput, a button and a text component.
When the button is clicked a function is called that sets the text from the inputfield to the text component.
code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
            public function click(inputText:String):void {
                outPutTxt.text = inputText;
        ]]>
    </mx:Script>
    <mx:TextInput x="10" y="10" id="inputTxt"/>
    <mx:Button x="178" y="10" label="Button" id="Btn" click="{click(inputTxt.text)}"/>
    <mx:Text x="251" y="12" text="Text" id="outPutTxt"/>
</mx:Application>
As I said, really easy.
What I want to do is put the function 'click' into an external actionscript file or class. And still be able to, from within the external file, modify the outPutTxt stuff.
I'm aware that I could create a public bindable variable inside of the external file and then bind the outPutTxt to that variable, but I would really like to be able to 'simply' force the value...
Is that possible? If yes: how plix
If it's not possible, I'd like to know as well! And in that case, how would I then re-use the same instance of a class/file in multiple seperate components? Say I got a 'login' thingie where a user logs in (data stored externally in a seperate actionscript file/class) and I want to re-use that information on other pages... Or is this done automatically?
Any and all comments/answers are higly appreciated!
Pieter

Answer 1

Hey Levancho,
thanks for your answer!! Much appreciated.
However, the code you proposed threw an error...
Errormessage:
ReferenceError: Error #1069: Property outPutTxt not found on controls.Control and there is no default value.
    at controls::Control/btnClick()[C:\...\FlexTest_03\src\controls\Control.as:13]
    at FlexTest_03/__Btn_click()[C:\...\FlexTest_03\src\FlexTest_03.mxml:11]
So I tried something else where I bind the text in my OutPutTxt to a variable inside of the external class file.
Code:
Class:
package controls
    public class Control
        [Bindable]
        public var outPutText:String = "";
        public function Control()
        public function btnClick(inputText:String):void {
            this.outPutText =  inputText;
Mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
            import controls.Control;
            [Bindable]
            private var control:Control = new Control();
        ]]>
    </mx:Script>
    <mx:TextInput x="10" y="10" id="inputTxt"/>
    <mx:Button x="178" y="10" label="Button" id="Btn" click="{control.btnClick(inputTxt.text)}"/>
    <mx:Text x="251" y="12" id="outPutTxt" text="{control.outPutText}"/>
</mx:Application>
And this basically did what I wanted to do... so I just need to do some major binding between my application and the classes I'll be using for my business logic.
Now for something else entirely...
Is there a way for me to pass the instance of my class between flex components?
Pieter