[flexcoders] Problem in Texbox while populating from Grid

[Renee]

In the attached screen , update the name , give some very big name & now
try to navigate through records by clicking on the row.
Notice valuse populating in name textbox is invisible. The problem is
when we updated name with longer one cursor(pointer ) moves to  right
most position. Now the cursor is at right most position & looking like
rest of the names are missing but actully they all are gone towards left
side. We can see the value if we move the pointer into the text field.

can anybody put light in


--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/flexcoders/

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/
 

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml";>

    <mx:Script>

        function addRow() {
            if (name.text != "") dg.addItem( {name: name.text, email: 
email.text, phone: phone.text} );
        }

        function updateRow() {
            if (dg.selectedIndex!=undefined)
                dg.replaceItemAt(dg.selectedIndex, {name: name.text, email: 
email.text, phone: phone.text} );
        }

        function deleteRow() {
            if (dg.selectedIndex!=undefined) {
                dg.removeItemAt(dg.selectedIndex);
                name.text=""; email.text=""; phone.text="";
            }
        }

    </mx:Script>

    <mx:Model id="employeeModel" source="../assets/employees.xml"/>

    <mx:DataGrid id="dg" width="100%" height="100%"
        dataProvider="{employeeModel.employee}">
        <mx:columns>
            <mx:Array>
                <mx:DataGridColumn columnName="name" headerText="Name"/>
                <mx:DataGridColumn columnName="phone" headerText="Phone"/>
                <mx:DataGridColumn columnName="email" headerText="Email"/>
            </mx:Array>
        </mx:columns>
    </mx:DataGrid>

    <mx:Form>
        <mx:FormItem label="Name">
            <mx:TextInput id="name" width="200" text="{dg.selectedItem.name}"/>
        </mx:FormItem>
        <mx:FormItem label="Email">
            <mx:TextInput id="email" width="200" 
text="{dg.selectedItem.email}"/>
        </mx:FormItem>
        <mx:FormItem label="Phone">
            <mx:TextInput id="phone" width="200" 
text="{dg.selectedItem.phone}"/>
        </mx:FormItem>
        <mx:FormItem>
            <mx:HBox>
                <mx:Button label="Update" click="updateRow()"/>
                <mx:Button label="Add" click="addRow()"/>
                <mx:Button label="Delete" click="deleteRow()"/>
            </mx:HBox>
        </mx:FormItem>
    </mx:Form>

</mx:Application>

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml";>

    <mx:Script>

        function addRow() {
            if (name.text != "") dg.addItem( {name: name.text, email: email.text, phone: phone.text} );
        }

        function updateRow() {
            if (dg.selectedIndex!=undefined)
                dg.replaceItemAt(dg.selectedIndex, {name: name.text, email: email.text, phone: phone.text} );
        }

        function deleteRow() {
            if (dg.selectedIndex!=undefined) {
                dg.removeItemAt(dg.selectedIndex);
                name.text=""; email.text=""; phone.text="";
            }
        }

    </mx:Script>

    <mx:Model id="employeeModel" source="../assets/employees.xml"/>

    <mx:DataGrid id="dg" width="100%" height="100%"
        dataProvider="{employeeModel.employee}">
        <mx:columns>
            <mx:Array>
                <mx:DataGridColumn columnName="name" headerText="Name"/>
                <mx:DataGridColumn columnName="phone" headerText="Phone"/>
                <mx:DataGridColumn columnName="email" headerText="Email"/>
            </mx:Array>
        </mx:columns>
    </mx:DataGrid>

    <mx:Form>
        <mx:FormItem label="Name">
            <mx:TextInput id="name" width="200" text="{dg.selectedItem.name}"/>
        </mx:FormItem>
        <mx:FormItem label="Email">
            <mx:TextInput id="email" width="200" text="{dg.selectedItem.email}"/>
        </mx:FormItem>
        <mx:FormItem label="Phone">
            <mx:TextInput id="phone" width="200" text="{dg.selectedItem.phone}"/>
        </mx:FormItem>
        <mx:FormItem>
            <mx:HBox>
                <mx:Button label="Update" click="updateRow()"/>
                <mx:Button label="Add" click="addRow()"/>
                <mx:Button label="Delete" click="deleteRow()"/>
            </mx:HBox>
        </mx:FormItem>
    </mx:Form>

</mx:Application>