Flex 3 绑定问题

Question

我有一个自定义的 ActionScript 类：

package EntityClasses
{
import mx.collections.ArrayCollection;


[RemoteClass(alias="tkatva.tt.entities.CompanyInfo")]
[Bindable]
public class CompanyInfo
{
        public var companyInfoId:int;
        public var companyName:String;
        public var streetAddress:String;
        public var postNumber:String;
        public var city:String;
        public var country:String;
        public var email:String;
        public var businessIdentityCode:String;
        public var intBic:String;
        public var homepageUrl:String;
        public var lastUpdatedBy:String;
        public var lastUpdateDate:Date;
        public var version:int;
        public var settingGroupList:ArrayCollection;
        public var bankAccountList:ArrayCollection;
        public var personList:ArrayCollection;


}
}

我想将这些值绑定到文本框，以便当用户向文本框键入信息时，它也会填充到类中。 Flex 3 是双向的，以便使用 [Bindable] 标记类，例如我可以将值绑定到文本框吗？

这是我的 mxml 文件，我尝试在其中绑定类：

    import mx.rpc.events.ResultEvent;
        import EntityClasses.CompanyInfo;

        [Bindable]
        public var company:CompanyInfo;



        public  var uuid:String;

        private function init():void {
            company = new CompanyInfo();
        }

        private function getCompanyInfo():void {
            try {
                company = TtRo.getCompanyInfo(uuid);

            } catch (Exception) {

            }
        }

        private function handleClick():void {
            this.txtInfo.text = "COMPANY:" + company.companyName;


             TtRo.addCompanyInfo(company,uuid);

        }

        private function handleAdding(e:ResultEvent):void {
            var res:Boolean;
            res = e.result as Boolean;
            if (res) {
                this.txtInfo.text = "OK";
            } else {
                this.txtInfo.text = "NOTOK";
            }
        }

    ]]>
</mx:Script>
<mx:TextInput x="194" y="10" id="txtCname" text="{company.companyName}"/>
<mx:TextInput x="194" y="40" id="txtStreet" text="{company.streetAddress}"/>
<mx:TextInput x="194" y="70" id="txtPostnumber" text="{company.postNumber}"/>
<mx:TextInput x="194" y="100" id="txtCity" text="{company.city}"/>
<mx:TextInput x="194" y="130" id="txtCountry" text="{company.country}"/>
<mx:TextInput x="194" y="160" id="txtEmail" text="{company.email}"/>
<mx:TextInput x="194" y="190" id="txtBic" text="{company.businessIdentityCode}"/>
<mx:TextInput x="194" y="220" id="txtIntBic" text="{company.intBic}"/>
<mx:TextInput x="194" y="250" id="txtUrl" text="{company.homepageUrl}"/>

这有什么问题吗？ Flex 编译器向我显示此类警告：数据绑定将无法检测对“公司”的分配。

我是 Flex 新手，如有任何帮助，我们将不胜感激...谢谢...

Answer 1

不，Flex 数据绑定不是双向的。您必须使用 BindingUtils.bindProperty()

private function init():void 
{
    company = new CompanyInfo();
    BindingUtils.bindProperty(company, "companyName", this ["txtCname", "text"]);
}

Answer 2

如果您在 MXML 组件中使用它，则使用 mx:Bindable 标记将反向绑定添加到一个位置可能会更具可读性

。

    <mx:Binding destination="company.companyName"   source="txtCname.text" />
    <mx:Binding destination="company.streetAddress" source="txtStreet.text" />
    ...
    etc.

Answer 3

Flex 3 Cookbook 在第 11.9 章和第 11.9 章中有很多此类工作的秘诀。第 14 章

Answer 4

您需要将变量本身标记为可绑定：

[Bindable]public var companyInfoId:int;

欢迎使用 Flex 数据绑定，它很可爱:)