1

コンボボックスの selectedItem と valueobject のフィールドの 1 つで、双方向のデータ バインディングを有効にする必要があります。@{変数名} コンストラクトを使用しています。

それは一方向に機能します-valueobjectのフィールドが変更されると、コンボボックスのselectedItemが更新されます。しかし、コンボボックスの変更イベントを明示的に処理しない限り、リバースは機能しません。@ が期待どおりに機能しない理由はありますか。

以下のコード スニペットでは、OrderInfo.billingName をコンボ 1.selectedItem にバインドしようとしています。

1 番目の使用例: OrderInfo.billingName の初期値は、combo1.selectedItem に設定されています。

2 番目のユース ケース: OrderInfo.billingName の値が途中で変更された場合、combo1.selectedItem も更新されます。

3 番目の使用例: ユーザーがコンボ 1 から値を選択すると、変更イベントを処理しない限り、OrderInfo.billingName に割り当てられません。

[Bindable]

public class OrderInfo {

        public var billingName:String ; //This field is bindable to combo1’s selectedItem
        public var billingAddress:String;
        public var billingCity:String;
        public var billingState:String;
        public var billingZip:String;
        public var cardType:String;
        public var cardNumber:String;
        public var cardExpirationMonth:String;
        public var cardExpirationYear:String;
        public var deliveryDate:Date;

        public function OrderInfo() {
        }
        public function toString ():String {
              return "I am OrderInfo : " + this.billingName + this.billingCity;
        }
  }

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
                 xmlns:s="library://ns.adobe.com/flex/spark" 
                 xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" 
                 minHeight="600"
                 initialize="application1_initializeHandler(event)">
  <fx:Script>
        <![CDATA[
              import mx.binding.utils.BindingUtils;
              import mx.collections.ArrayCollection;
              import mx.controls.Alert;
              import mx.events.FlexEvent;
              import mx.events.IndexChangedEvent;
              import mx.utils.ObjectUtil;

              import spark.events.IndexChangeEvent;
              [Bindable]
              public var dp:ArrayCollection = new ArrayCollection (
                    [     {Id:'one', Amount:1000},
                          {Id:'two', Amount:2000},
                          {Id:'three', Amount:3000}
                    ]
              );
              [Bindable]
              public var orderInfo:OrderInfo = new OrderInfo();
              protected function application1_initializeHandler(event:FlexEvent):void
              {
                    //Initial value of the field .. this could be coming via database
                    orderInfo.billingName = 'one';
              }


              protected function combo1_changeHandler(event:IndexChangeEvent):void
              {
                    orderInfo.billingName = (((event.currentTarget as 
                    ComboBox).selectedItem as Object).Id); //??
              }

              protected function button1_clickHandler(event:Event):void
              {
                    mx.controls.Alert.show(ObjectUtil.toString(orderInfo));
              }

              protected function button2_clickHandler(event:Event):void
              {
                    // Some backend process changed the value object
                    orderInfo.billingName = 'three';
              }
        ]]>
  </fx:Script>

  <s:ComboBox id="combo1" x="81" y="65"
                    dataProvider="{dp}"
                    labelField="Id"
                    selectedItem="@{orderInfo.billingName}"
                    change="combo1_changeHandler(event)"
                    />

  <s:Button label="Get OrderInfo Object Snapshot" click="button1_clickHandler(event)" 
   x="273" y="176"/>
  <s:Button label="Change OrderInfo Object" click="button2_clickHandler(event)" 
   x="52"    y="176"/>

4

1 に答える 1

0

また、この機能を機能させることも検討しています。問題は縛られているものにあると思います。このプロパティは、バインドされているからのアイテムを意味するselectedItemタイプのオブジェクトを想定しています。1つまたはこれらのオブジェクトを渡してみてください*arrayCollection

({Id:'one', Amount:1000},{Id:'two', Amount:2000},{Id:'three', Amount:3000})

文字列の代わりにselectedItemプロパティに。

于 2013-07-23T08:18:14.403 に答える